From a0d27aaa38be71e3aa2e529b9b94c344fb825e7f Mon Sep 17 00:00:00 2001
From: Keannu Bernasol <noehbernasol0@gmail.com>
Date: Thu, 19 Oct 2023 18:53:54 +0800
Subject: [PATCH] Convert onboarding dropdown menus into modals

---
 src/routes/Onboarding/Onboarding.tsx | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/routes/Onboarding/Onboarding.tsx b/src/routes/Onboarding/Onboarding.tsx
index 89952de..cd42ee4 100644
--- a/src/routes/Onboarding/Onboarding.tsx
+++ b/src/routes/Onboarding/Onboarding.tsx
@@ -195,7 +195,13 @@ export default function Onboarding() {
               ...styles.text_white_small_bold,
               ...{ textAlign: "center" },
             }}
-            dropDownContainerStyle={{ backgroundColor: colors.primary_2 }}
+            modalContentContainerStyle={{
+              backgroundColor: colors.primary_2,
+              borderWidth: 0,
+              zIndex: 1000,
+            }}
+            dropDownDirection="BOTTOM"
+            listMode="MODAL"
           />
           <DropDownPicker
             zIndex={2000}
@@ -215,7 +221,13 @@ export default function Onboarding() {
               ...styles.text_white_small_bold,
               ...{ textAlign: "center" },
             }}
-            dropDownContainerStyle={{ backgroundColor: colors.primary_2 }}
+            modalContentContainerStyle={{
+              backgroundColor: colors.primary_2,
+              borderWidth: 0,
+              zIndex: 1000,
+            }}
+            dropDownDirection="BOTTOM"
+            listMode="MODAL"
           />
           <DropDownPicker
             zIndex={1000}
@@ -235,7 +247,13 @@ export default function Onboarding() {
               ...styles.text_white_small_bold,
               ...{ textAlign: "center" },
             }}
-            dropDownContainerStyle={{ backgroundColor: colors.primary_2 }}
+            modalContentContainerStyle={{
+              backgroundColor: colors.primary_2,
+              borderWidth: 0,
+              zIndex: 1000,
+            }}
+            dropDownDirection="BOTTOM"
+            listMode="MODAL"
           />
         </MotiView>
         <MotiView