feat: made settings drawer scrollable

Vali-98 · Oct 25, 2024 · c6753c8 · c6753c8
1 parent 938f89f
commit c6753c8
Showing 1 changed file with 5 additions and 4 deletions.
diff --git 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,15 +197,16 @@ 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'}
                             {'v' + appConfig.expo.version}
                         </Text>
                     </View>
                     <SupportButton />
-                </View>
+                </ScrollView>
             </Drawer>
         )
 }