diff --git a/src/screens/Signup/index.tsx b/src/screens/Signup/index.tsx index a796d6dd40..7b9eb21802 100644 --- a/src/screens/Signup/index.tsx +++ b/src/screens/Signup/index.tsx @@ -6,7 +6,6 @@ import {AppBskyGraphStarterpack} from '@atproto/api' import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' -import {FEEDBACK_FORM_URL} from '#/lib/constants' import {logger} from '#/logger' import {useServiceQuery} from '#/state/queries/service' import {useStarterPackQuery} from '#/state/queries/starter-packs' @@ -22,11 +21,8 @@ import { import {StepCaptcha} from '#/screens/Signup/StepCaptcha' import {StepHandle} from '#/screens/Signup/StepHandle' import {StepInfo} from '#/screens/Signup/StepInfo' -import {atoms as a, native, useBreakpoints, useTheme} from '#/alf' -import {AppLanguageDropdown} from '#/components/AppLanguageDropdown' -import {Divider} from '#/components/Divider' +import {atoms as a, native, useTheme} from '#/alf' import {LinearGradientBackground} from '#/components/LinearGradientBackground' -import {InlineLinkText} from '#/components/Link' import {ScreenTransition} from '#/components/ScreenTransition' import {Text} from '#/components/Typography' import {useAnalytics} from '#/analytics' @@ -41,7 +37,6 @@ export function Signup({onPressBack}: {onPressBack: () => void}) { ...initialState, analytics: ax, }) - const {gtMobile} = useBreakpoints() const submit = useSubmitSignup() useEffect(() => { @@ -167,13 +162,7 @@ export function Signup({onPressBack}: {onPressBack: () => void}) { - + @@ -210,33 +199,6 @@ export function Signup({onPressBack}: {onPressBack: () => void}) { ) : ( )} - - - - - - - Having trouble?{' '} - - Contact support - - - diff --git a/src/view/com/util/layouts/LoggedOutLayout.tsx b/src/view/com/util/layouts/LoggedOutLayout.tsx index 334bf07561..982b0a7a13 100644 --- a/src/view/com/util/layouts/LoggedOutLayout.tsx +++ b/src/view/com/util/layouts/LoggedOutLayout.tsx @@ -1,11 +1,18 @@ import {ScrollView, StyleSheet, View} from 'react-native' +import {msg, Trans} from '@lingui/macro' +import {useLingui} from '@lingui/react' import type React from 'react' +import {FEEDBACK_FORM_URL} from '#/lib/constants' import {useColorSchemeStyle} from '#/lib/hooks/useColorSchemeStyle' import {useIsKeyboardVisible} from '#/lib/hooks/useIsKeyboardVisible' import {usePalette} from '#/lib/hooks/usePalette' import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries' -import {atoms as a} from '#/alf' +import {atoms as a, useBreakpoints, useTheme} from '#/alf' +import {AppLanguageDropdown} from '#/components/AppLanguageDropdown' +import {Divider} from '#/components/Divider' +import {InlineLinkText} from '#/components/Link' +import {Text as NewText} from '#/components/Typography' import {IS_WEB} from '#/env' import {Text} from '../text/Text' @@ -21,6 +28,9 @@ export const LoggedOutLayout = ({ description: string scrollable?: boolean }>) => { + const t = useTheme() + const {_} = useLingui() + const {gtMobile} = useBreakpoints() const {isMobile, isTabletOrMobile} = useWebMediaQueries() const pal = usePalette('default') const sideBg = useColorSchemeStyle(pal.viewLight, pal.view) @@ -33,6 +43,29 @@ export const LoggedOutLayout = ({ const [isKeyboardVisible] = useIsKeyboardVisible() if (isMobile) { + const footer = ( + + + + + + + Having trouble?{' '} + + Contact support + + + + + ) if (scrollable) { return ( {children} + {footer} ) } else { - return {children} + return ( + <> + {children} + {footer} + + ) } } return (