diff options
| -rw-r--r-- | src/components/dms/MessagesNUX.tsx | 175 | ||||
| -rw-r--r-- | src/screens/Messages/ChatList.tsx | 4 |
2 files changed, 0 insertions, 179 deletions
diff --git a/src/components/dms/MessagesNUX.tsx b/src/components/dms/MessagesNUX.tsx deleted file mode 100644 index 5c21ee05b..000000000 --- a/src/components/dms/MessagesNUX.tsx +++ /dev/null @@ -1,175 +0,0 @@ -import React, {useCallback, useEffect} from 'react' -import {View} from 'react-native' -import {ChatBskyActorDeclaration} from '@atproto/api' -import {msg, Trans} from '@lingui/macro' -import {useLingui} from '@lingui/react' - -import {useUpdateActorDeclaration} from '#/state/queries/messages/actor-declaration' -import {useProfileQuery} from '#/state/queries/profile' -import {useSession} from '#/state/session' -import * as Toast from '#/view/com/util/Toast' -import {atoms as a, useTheme, web} from '#/alf' -import {Button, ButtonText} from '#/components/Button' -import * as Dialog from '#/components/Dialog' -import * as Toggle from '#/components/forms/Toggle' -import {Message_Stroke2_Corner0_Rounded} from '#/components/icons/Message' -import {Text} from '#/components/Typography' - -export function MessagesNUX() { - const control = Dialog.useDialogControl() - - const {currentAccount} = useSession() - const {data: profile} = useProfileQuery({ - did: currentAccount!.did, - }) - - useEffect(() => { - if (profile && typeof profile.associated?.chat === 'undefined') { - const timeout = setTimeout(() => { - control.open() - }, 1000) - - return () => { - clearTimeout(timeout) - } - } - }, [profile, control]) - - if (!profile) return null - - return ( - <Dialog.Outer control={control}> - <Dialog.Handle /> - <DialogInner chatDeclation={profile.associated?.chat} /> - </Dialog.Outer> - ) -} - -function DialogInner({ - chatDeclation, -}: { - chatDeclation?: ChatBskyActorDeclaration.Record -}) { - const control = Dialog.useDialogContext() - const {_} = useLingui() - const t = useTheme() - - const [initialized, setInitialzed] = React.useState(false) - const {mutate: updateDeclaration} = useUpdateActorDeclaration({ - onError: () => { - Toast.show(_(msg`Failed to update settings`), 'xmark') - }, - }) - - const onSelectItem = useCallback( - (keys: string[]) => { - const key = keys[0] - if (!key) return - updateDeclaration(key as 'all' | 'none' | 'following') - }, - [updateDeclaration], - ) - - useEffect(() => { - if (!chatDeclation && !initialized) { - updateDeclaration('following') - setInitialzed(true) - } - }, [chatDeclation, updateDeclaration, initialized]) - - return ( - <Dialog.ScrollableInner - label={_(msg`Introducing Direct Messages`)} - style={web({maxWidth: 440})}> - <View style={a.gap_xl}> - <View style={[a.align_center, a.pt_sm, a.pb_xs]}> - <Message_Stroke2_Corner0_Rounded width={64} /> - <Text style={[a.text_2xl, a.font_bold, a.text_center, a.mt_md]}> - <Trans>Direct messages are here!</Trans> - </Text> - <Text style={[a.text_md, a.text_center, a.mt_sm]}> - <Trans>Privately chat with other users.</Trans> - </Text> - </View> - <View - style={[ - a.gap_xs, - a.border, - a.overflow_hidden, - a.rounded_sm, - t.atoms.border_contrast_low, - ]}> - <View - style={[ - a.p_md, - a.border_b, - t.atoms.bg_contrast_25, - t.atoms.border_contrast_low, - ]}> - <Text style={[a.text_sm, a.font_bold]}> - <Trans>Who can message you?</Trans> - </Text> - <Text - style={[ - a.mt_xs, - a.text_sm, - a.italic, - t.atoms.text_contrast_medium, - ]}> - <Trans>You can change this at any time.</Trans> - </Text> - </View> - <View style={[a.px_md, a.py_xs]}> - <Toggle.Group - label={_(msg`Who can message you?`)} - type="radio" - values={[chatDeclation?.allowIncoming ?? 'following']} - onChange={onSelectItem}> - <View> - <Toggle.Item - name="all" - label={_(msg`Everyone`)} - style={[a.justify_between, a.py_sm, a.rounded_2xs]}> - <Toggle.LabelText> - <Trans>Everyone</Trans> - </Toggle.LabelText> - <Toggle.Radio /> - </Toggle.Item> - <Toggle.Item - name="following" - label={_(msg`Users I follow`)} - style={[a.justify_between, a.py_sm, a.rounded_2xs]}> - <Toggle.LabelText> - <Trans>Users I follow</Trans> - </Toggle.LabelText> - <Toggle.Radio /> - </Toggle.Item> - <Toggle.Item - name="none" - label={_(msg`No one`)} - style={[a.justify_between, a.py_sm, a.rounded_2xs]}> - <Toggle.LabelText> - <Trans>No one</Trans> - </Toggle.LabelText> - <Toggle.Radio /> - </Toggle.Item> - </View> - </Toggle.Group> - </View> - </View> - <Button - label={_(msg`Start chatting`)} - accessibilityHint={_(msg`Close modal`)} - size="large" - color="primary" - variant="solid" - onPress={() => control.close()}> - <ButtonText> - <Trans>Get started</Trans> - </ButtonText> - </Button> - </View> - <Dialog.Close /> - </Dialog.ScrollableInner> - ) -} diff --git a/src/screens/Messages/ChatList.tsx b/src/screens/Messages/ChatList.tsx index 6cf561d11..9912456e1 100644 --- a/src/screens/Messages/ChatList.tsx +++ b/src/screens/Messages/ChatList.tsx @@ -22,7 +22,6 @@ import {atoms as a, useBreakpoints, useTheme, web} from '#/alf' import {Button, ButtonIcon, ButtonText} from '#/components/Button' import {DialogControlProps, useDialogControl} from '#/components/Dialog' import {NewChat} from '#/components/dms/dialogs/NewChatDialog' -import {MessagesNUX} from '#/components/dms/MessagesNUX' import {useRefreshOnFocus} from '#/components/hooks/useRefreshOnFocus' import {ArrowRotateCounterClockwise_Stroke2_Corner0_Rounded as Retry} from '#/components/icons/ArrowRotateCounterClockwise' import {CircleInfo_Stroke2_Corner0_Rounded as CircleInfo} from '#/components/icons/CircleInfo' @@ -151,8 +150,6 @@ export function MessagesScreen({navigation, route}: Props) { if (conversations.length < 1) { return ( <View style={a.flex_1}> - <MessagesNUX /> - <CenteredView sideBorders={gtMobile} style={[a.h_full_vh]}> {gtMobile ? ( <DesktopHeader @@ -240,7 +237,6 @@ export function MessagesScreen({navigation, route}: Props) { return ( <View style={a.flex_1}> - <MessagesNUX /> {!gtMobile && ( <ViewHeader title={_(msg`Messages`)} |