diff --git a/src/app/auth/login/index.tsx b/src/app/auth/login/index.tsx index 9dd4e71a..e79c98b4 100644 --- a/src/app/auth/login/index.tsx +++ b/src/app/auth/login/index.tsx @@ -120,7 +120,7 @@ function LoginScreen() { Don't have an account? - + Sign Up diff --git a/src/app/auth/onboarding/index.tsx b/src/app/auth/onboarding/index.tsx index 5bb231a9..5647f564 100644 --- a/src/app/auth/onboarding/index.tsx +++ b/src/app/auth/onboarding/index.tsx @@ -19,6 +19,7 @@ import colors from '../../../styles/colors'; import globalStyles from '../../../styles/globalStyles'; import { useSession } from '../../../utils/AuthContext'; import supabase from '../../../utils/supabase'; +import { SafeAreaView } from 'react-native-safe-area-context'; function OnboardingScreen() { const { session, user } = useSession(); @@ -144,110 +145,112 @@ function OnboardingScreen() { setBirthdayExists(true); }; - if (!session) { - return ; - } + // if (!session) { + // return ; + // } return ( - - - setShowDatePicker(false)} - date={displayDate} - display="inline" - isDarkModeEnabled={isDark} - themeVariant={isDark ? 'dark' : 'light'} - /> - - Welcome, {user?.user_metadata.username} - - - Input your profile information below. - - - - - This information is only used for outreach efforts, and will not be - visible to other users on the app. + + + + setShowDatePicker(false)} + date={displayDate} + display="inline" + isDarkModeEnabled={isDark} + themeVariant={isDark ? 'dark' : 'light'} + /> + + Welcome, {user?.user_metadata.username} - - - - { - setShowDatePicker(!showDatePicker); - }} - > - - - - - - + + Input your profile information below. + + + + + This information is only used for outreach efforts, and will not be + visible to other users on the app. + + + + + { + setShowDatePicker(!showDatePicker); + }} + > + + + + + + + + + + - - - - - - - - + + + + + + + Skip For Now + - - Skip For Now - - - + + ); } diff --git a/src/app/auth/onboarding/styles.tsx b/src/app/auth/onboarding/styles.tsx index 092e566a..6555413a 100644 --- a/src/app/auth/onboarding/styles.tsx +++ b/src/app/auth/onboarding/styles.tsx @@ -4,12 +4,16 @@ import colors from '../../../styles/colors'; export default StyleSheet.create({ container: { + backgroundColor: 'white', + flex: 1, + }, + flex: { flexGrow: 1, justifyContent: 'space-between', - paddingVertical: 66, + paddingTop: 64, + paddingBottom: 54, paddingLeft: 43, paddingRight: 44, - backgroundColor: 'white', }, inputContainer: { flex: 1,