From c6753c853effc149a972c8d898c07028955121be Mon Sep 17 00:00:00 2001
From: Vali98 <al244098@gmail.com>
Date: Fri, 25 Oct 2024 08:35:36 +0800
Subject: [PATCH] feat: made settings drawer scrollable

---
 app/components/ChatMenu/SettingsDrawer.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/components/ChatMenu/SettingsDrawer.tsx b/app/components/ChatMenu/SettingsDrawer.tsx
index 410b30b..6d0fb7b 100644
--- a/app/components/ChatMenu/SettingsDrawer.tsx
+++ b/app/components/ChatMenu/SettingsDrawer.tsx
@@ -7,7 +7,7 @@ import { Characters, Style } from '@globals'
 import appConfig from 'app.config'
 import { useRouter } from 'expo-router'
 import { SetStateAction } from 'react'
-import { Text, TouchableOpacity, StyleSheet, View } from 'react-native'
+import { Text, TouchableOpacity, StyleSheet, View, ScrollView } from 'react-native'
 import { useMMKVBoolean, useMMKVString } from 'react-native-mmkv'
 import Animated, { SlideInLeft, Easing } from 'react-native-reanimated'
 import { useShallow } from 'zustand/react/shallow'
@@ -125,7 +125,7 @@ const SettingsDrawer: React.FC<SettingsDrawerProps> = ({ booleans: [showModal, s
     if (showModal)
         return (
             <Drawer setShowDrawer={setShowModal} drawerStyle={{ width: '60%' }}>
-                <View style={{ justifyContent: 'space-between', flex: 1 }}>
+                <ScrollView style={{ flex: 1 }} showsVerticalScrollIndicator={false}>
                     <View>
                         <View style={styles.userContainer}>
                             <Avatar
@@ -197,7 +197,8 @@ const SettingsDrawer: React.FC<SettingsDrawerProps> = ({ booleans: [showModal, s
                             style={{
                                 alignSelf: 'center',
                                 color: Style.getColor('primary-text2'),
-                                marginTop: 8,
+                                marginTop: 12,
+                                marginBottom: 24,
                             }}>
                             {__DEV__ && 'DEV BUILD\t'}
                             {devMode && 'DEV MODE\t'}
@@ -205,7 +206,7 @@ const SettingsDrawer: React.FC<SettingsDrawerProps> = ({ booleans: [showModal, s
                         </Text>
                     </View>
                     <SupportButton />
-                </View>
+                </ScrollView>
             </Drawer>
         )
 }