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,