[Merge]

front/views/settings/SettingsView.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Center, Flex, Text, useTheme } from 'native-base';
+import { Center, Text, useTheme } from 'native-base';
 import ProfileSettings from './SettingsProfile';
 import NotificationsSettings from './NotificationsSettings';
 import PrivacySettings from './PrivacySettings';
@@ -26,7 +26,6 @@ import { Scene } from 'react-native-tab-view/lib/typescript/src/types';
 import PremiumSettings from './SettingsPremium';
 import { RouteProps } from '../../Navigation';
 import ScaffoldCC from '../../components/UI/ScaffoldCC';
-import { ColorSchemeProvider } from '../../Theme';
 import useColorScheme from '../../hooks/colorScheme';
 import { translate } from '../../i18n/i18n';
 
@@ -66,6 +65,7 @@ const getTabData = (key: string) => {
 	}
 };
 
+// eslint-disable-next-line @typescript-eslint/ban-types
 const SetttingsNavigator = (props: RouteProps<{}>) => {
 	const layout = useWindowDimensions();
 	const [index, setIndex] = React.useState(0);
@@ -89,8 +89,8 @@ const SetttingsNavigator = (props: RouteProps<{}>) => {
 				borderBottomWidth: 1,
 				borderColor: colors.primary[300],
 			}}
-			activeColor={ colorScheme === 'light' ? '#000' : '#fff'}
-			inactiveColor={ colorScheme === 'light' ? 'rgba(0,0,0,0.7)' : 'rgba(255,255,255,0.7)'}
+			activeColor={colorScheme === 'light' ? '#000' : '#fff'}
+			inactiveColor={colorScheme === 'light' ? 'rgba(0,0,0,0.7)' : 'rgba(255,255,255,0.7)'}
 			indicatorStyle={{ backgroundColor: colors.primary[300] }}
 			renderIcon={(
 				scene: Scene<Route> & {
@@ -100,13 +100,25 @@ const SetttingsNavigator = (props: RouteProps<{}>) => {
 			) => {
 				const tabHeader = getTabData(scene.route!.key);
 				return (
-					<tabHeader.icon size="18" color="#6075F9" variant={scene.focused ? "Bold" : "Outline"} />
+					<tabHeader.icon
+						size="18"
+						color="#6075F9"
+						variant={scene.focused ? 'Bold' : 'Outline'}
+					/>
 				);
 			}}
 			renderLabel={({ route, color }) =>
 				layout.width > 1100 && (
 					<Text style={{ color: color, paddingLeft: 10, overflow: 'hidden' }}>
-						{translate(route.title as 'settingsTabProfile' | 'settingsTabPremium' | 'settingsTabPreferences' | 'settingsTabNotifications' | 'settingsTabPrivacy' | 'settingsTabPiano')}
+						{translate(
+							route.title as
+								| 'settingsTabProfile'
+								| 'settingsTabPremium'
+								| 'settingsTabPreferences'
+								| 'settingsTabNotifications'
+								| 'settingsTabPrivacy'
+								| 'settingsTabPiano'
+						)}
 					</Text>
 				)
 			}
@@ -123,7 +135,7 @@ const SetttingsNavigator = (props: RouteProps<{}>) => {
 					paddingTop: 32,
 					padding: 20,
 					maxWidth: 850,
-					width: '100%'
+					width: '100%',
 				}}
 				style={{ height: 'fit-content' }}
 				renderTabBar={renderTabBar}