From e4d998b0ff0195abb4843855f4f371ee6376cc38 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Le=20Bihan?= <clement.lebihan773@gmail.com>
Date: Fri, 31 Mar 2023 00:31:07 +0200
Subject: [PATCH] added overflow support when there's a lot of options

---
 front/components/navigators/TabRowNavigator.tsx |  3 ++-
 front/views/SettingsView.tsx                    | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/front/components/navigators/TabRowNavigator.tsx b/front/components/navigators/TabRowNavigator.tsx
index 87ab77f..afd5fad 100644
--- a/front/components/navigators/TabRowNavigator.tsx
+++ b/front/components/navigators/TabRowNavigator.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import { StyleProp, ViewStyle, StyleSheet } from "react-native";
-import { View, Text, Pressable, Box, Row, Icon, Button } from "native-base";
+import { View, Text, Pressable, Box, Row, Icon, Button, ScrollView } from "native-base";
 import {
 	createNavigatorFactory,
 	DefaultNavigatorOptions,
@@ -79,6 +79,7 @@ function TabNavigator({
 							justifyContent: "flex-start",
                             borderRightWidth: 1,
                             borderRightColor: "lightgray",
+                            overflow: "scroll",
 						},
 						tabBarStyle,
 					]}
diff --git a/front/views/SettingsView.tsx b/front/views/SettingsView.tsx
index 9ca2ef1..d35bd0a 100644
--- a/front/views/SettingsView.tsx
+++ b/front/views/SettingsView.tsx
@@ -266,6 +266,20 @@ const SetttingsNavigator = () => {
             <TabRow.Screen name='ChangePassword' component={ChangePasswordView} />
             <TabRow.Screen name='ChangeEmail' component={ChangeEmailView} />
             <TabRow.Screen name='GoogleAccount' component={GoogleAccountView} />
+            <TabRow.Screen name='2Main' component={MainView} options={{ title: "Profil", iconProvider: FontAwesome, iconName: "user" }} />
+            <TabRow.Screen name='2Preferences' component={PreferencesView} />
+            <TabRow.Screen name='2Notifications' component={NotificationsView} />
+            <TabRow.Screen name='2Privacy' component={PrivacyView} />
+            <TabRow.Screen name='2ChangePassword' component={ChangePasswordView} />
+            <TabRow.Screen name='2ChangeEmail' component={ChangeEmailView} />
+            <TabRow.Screen name='2GoogleAccount' component={GoogleAccountView} />
+            <TabRow.Screen name='3Main' component={MainView} options={{ title: "Profil", iconProvider: FontAwesome, iconName: "user" }} />
+            <TabRow.Screen name='3Preferences' component={PreferencesView} />
+            <TabRow.Screen name='3Notifications' component={NotificationsView} />
+            <TabRow.Screen name='3Privacy' component={PrivacyView} />
+            <TabRow.Screen name='3ChangePassword' component={ChangePasswordView} />
+            <TabRow.Screen name='3ChangeEmail' component={ChangeEmailView} />
+            <TabRow.Screen name='3GoogleAccount' component={GoogleAccountView} />
         </TabRow.Navigator>
     )
 }