diff --git a/src/screens/Signup/index.tsx b/src/screens/Signup/index.tsx
index 7b9eb21802..a796d6dd40 100644
--- a/src/screens/Signup/index.tsx
+++ b/src/screens/Signup/index.tsx
@@ -6,6 +6,7 @@ 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'
@@ -21,8 +22,11 @@ import {
import {StepCaptcha} from '#/screens/Signup/StepCaptcha'
import {StepHandle} from '#/screens/Signup/StepHandle'
import {StepInfo} from '#/screens/Signup/StepInfo'
-import {atoms as a, native, useTheme} from '#/alf'
+import {atoms as a, native, useBreakpoints, useTheme} from '#/alf'
+import {AppLanguageDropdown} from '#/components/AppLanguageDropdown'
+import {Divider} from '#/components/Divider'
import {LinearGradientBackground} from '#/components/LinearGradientBackground'
+import {InlineLinkText} from '#/components/Link'
import {ScreenTransition} from '#/components/ScreenTransition'
import {Text} from '#/components/Typography'
import {useAnalytics} from '#/analytics'
@@ -37,6 +41,7 @@ export function Signup({onPressBack}: {onPressBack: () => void}) {
...initialState,
analytics: ax,
})
+ const {gtMobile} = useBreakpoints()
const submit = useSubmitSignup()
useEffect(() => {
@@ -162,7 +167,13 @@ export function Signup({onPressBack}: {onPressBack: () => void}) {
-
+
@@ -199,6 +210,33 @@ 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 982b0a7a13..334bf07561 100644
--- a/src/view/com/util/layouts/LoggedOutLayout.tsx
+++ b/src/view/com/util/layouts/LoggedOutLayout.tsx
@@ -1,18 +1,11 @@
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, 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 {atoms as a} from '#/alf'
import {IS_WEB} from '#/env'
import {Text} from '../text/Text'
@@ -28,9 +21,6 @@ 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)
@@ -43,29 +33,6 @@ export const LoggedOutLayout = ({
const [isKeyboardVisible] = useIsKeyboardVisible()
if (isMobile) {
- const footer = (
-
-
-
-
-
-
- Having trouble?{' '}
-
- Contact support
-
-
-
-
- )
if (scrollable) {
return (
{children}
- {footer}
)
} else {
- return (
- <>
- {children}
- {footer}
- >
- )
+ return {children}
}
}
return (