diff options
Diffstat (limited to 'src/screens/Messages/ChatList.tsx')
-rw-r--r-- | src/screens/Messages/ChatList.tsx | 15 |
1 files changed, 14 insertions, 1 deletions
diff --git a/src/screens/Messages/ChatList.tsx b/src/screens/Messages/ChatList.tsx index 2846ed828..9fd54f1b0 100644 --- a/src/screens/Messages/ChatList.tsx +++ b/src/screens/Messages/ChatList.tsx @@ -9,6 +9,7 @@ import {type NativeStackScreenProps} from '@react-navigation/native-stack' import {useAppState} from '#/lib/hooks/useAppState' import {useInitialNumToRender} from '#/lib/hooks/useInitialNumToRender' +import {useRequireEmailVerification} from '#/lib/hooks/useRequireEmailVerification' import {type MessagesTabNavigatorParams} from '#/lib/routes/types' import {cleanError} from '#/lib/strings/errors' import {logger} from '#/logger' @@ -321,6 +322,18 @@ export function MessagesScreen({navigation, route}: Props) { function Header({newChatControl}: {newChatControl: DialogControlProps}) { const {_} = useLingui() const {gtMobile} = useBreakpoints() + const requireEmailVerification = useRequireEmailVerification() + + const openChatControl = useCallback(() => { + newChatControl.open() + }, [newChatControl]) + const wrappedOpenChatControl = requireEmailVerification(openChatControl, { + instructions: [ + <Trans key="new-chat"> + Before you can message another user, you must first verify your email. + </Trans>, + ], + }) const settingsLink = ( <Link @@ -352,7 +365,7 @@ function Header({newChatControl}: {newChatControl: DialogControlProps}) { color="primary" size="small" variant="solid" - onPress={newChatControl.open}> + onPress={wrappedOpenChatControl}> <ButtonIcon icon={PlusIcon} position="left" /> <ButtonText> <Trans>New chat</Trans> |