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 (