From 0e982e6f43c81b609ba6b5273113836469be0155 Mon Sep 17 00:00:00 2001 From: Aditya Pawar Date: Thu, 11 Apr 2024 22:13:58 -0700 Subject: [PATCH 1/2] Add other ethnicities --- src/app/(tabs)/settings/index.tsx | 3 ++ src/app/auth/onboarding/index.tsx | 3 ++ src/app/settings/styles.tsx | 70 +++++++++++++++++++++++++++++++ 3 files changed, 76 insertions(+) create mode 100644 src/app/settings/styles.tsx diff --git a/src/app/(tabs)/settings/index.tsx b/src/app/(tabs)/settings/index.tsx index 10bf4af..0434bc6 100644 --- a/src/app/(tabs)/settings/index.tsx +++ b/src/app/(tabs)/settings/index.tsx @@ -259,9 +259,12 @@ function SettingsScreen() { options={[ 'American Indian/Alaska Native', 'Asian', + 'Hispanic/Latinx', + 'Middle Eastern', 'Black or African American', 'Native Hawaiian or other Pacific Islander', 'White', + 'Not Listed Here', 'Prefer Not to Disclose', ]} label="Race/Ethnicity" diff --git a/src/app/auth/onboarding/index.tsx b/src/app/auth/onboarding/index.tsx index 936624f..ea0af6e 100644 --- a/src/app/auth/onboarding/index.tsx +++ b/src/app/auth/onboarding/index.tsx @@ -219,9 +219,12 @@ function OnboardingScreen() { options={[ 'American Indian/Alaska Native', 'Asian', + 'Hispanic/Latinx', + 'Middle Eastern', 'Black or African American', 'Native Hawaiian or other Pacific Islander', 'White', + 'Not Listed Here', 'Prefer Not to Disclose', ]} label="Race/Ethnicity" diff --git a/src/app/settings/styles.tsx b/src/app/settings/styles.tsx new file mode 100644 index 0000000..c26ad66 --- /dev/null +++ b/src/app/settings/styles.tsx @@ -0,0 +1,70 @@ +import { StyleSheet } from 'react-native'; +import colors from '../../styles/colors'; + +export default StyleSheet.create({ + selectors: { + flex: 1, + gap: 16, + }, + container: { + flex: 1, + backgroundColor: 'white', + paddingHorizontal: 24, + paddingBottom: 60, + }, + button: { + marginBottom: 32, + }, + main: { + paddingLeft: 12, + width: '100%', + justifyContent: 'space-between', + flexGrow: 1, + }, + subheading: { + paddingBottom: 16, + }, + heading: { + paddingBottom: 20, + }, + back: { + paddingTop: 30, + paddingBottom: 16, + color: '#797979', + fontSize: 12, + fontWeight: '400', + }, + backText: { + color: colors.darkGrey, + }, + staticData: { + flexDirection: 'row', + flexWrap: 'wrap', + alignItems: 'flex-start', + marginBottom: 6, + }, + icon: { + paddingLeft: 8, + }, + dateButtonText: { + flexDirection: 'row', + alignItems: 'flex-start', + }, + dateButton: { + paddingTop: 18, + }, + info: { + flexDirection: 'row', + marginLeft: 8, + marginTop: 40, + marginBottom: 20, + marginRight: 30, + maxWidth: '80%', + }, + subtext: { + color: colors.darkGrey, + marginLeft: 8, + flexWrap: 'wrap', + }, +}); + From 6cb0e1d3473d71a623847795177d578e02ecb04e Mon Sep 17 00:00:00 2001 From: Aditya Pawar Date: Thu, 11 Apr 2024 22:14:57 -0700 Subject: [PATCH 2/2] Remove old settings --- src/app/settings/styles.tsx | 70 ------------------------------------- 1 file changed, 70 deletions(-) delete mode 100644 src/app/settings/styles.tsx diff --git a/src/app/settings/styles.tsx b/src/app/settings/styles.tsx deleted file mode 100644 index c26ad66..0000000 --- a/src/app/settings/styles.tsx +++ /dev/null @@ -1,70 +0,0 @@ -import { StyleSheet } from 'react-native'; -import colors from '../../styles/colors'; - -export default StyleSheet.create({ - selectors: { - flex: 1, - gap: 16, - }, - container: { - flex: 1, - backgroundColor: 'white', - paddingHorizontal: 24, - paddingBottom: 60, - }, - button: { - marginBottom: 32, - }, - main: { - paddingLeft: 12, - width: '100%', - justifyContent: 'space-between', - flexGrow: 1, - }, - subheading: { - paddingBottom: 16, - }, - heading: { - paddingBottom: 20, - }, - back: { - paddingTop: 30, - paddingBottom: 16, - color: '#797979', - fontSize: 12, - fontWeight: '400', - }, - backText: { - color: colors.darkGrey, - }, - staticData: { - flexDirection: 'row', - flexWrap: 'wrap', - alignItems: 'flex-start', - marginBottom: 6, - }, - icon: { - paddingLeft: 8, - }, - dateButtonText: { - flexDirection: 'row', - alignItems: 'flex-start', - }, - dateButton: { - paddingTop: 18, - }, - info: { - flexDirection: 'row', - marginLeft: 8, - marginTop: 40, - marginBottom: 20, - marginRight: 30, - maxWidth: '80%', - }, - subtext: { - color: colors.darkGrey, - marginLeft: 8, - flexWrap: 'wrap', - }, -}); -