From 0e982e6f43c81b609ba6b5273113836469be0155 Mon Sep 17 00:00:00 2001
From: Aditya Pawar <apawar@berkeley.edu>
Date: Thu, 11 Apr 2024 22:13:58 -0700
Subject: [PATCH] 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',
+  },
+});
+