Front: Pretty and Lint (#225)

2023-06-17 07:01:23 +01:00
parent 399c7d0d9e
commit c5d465df97
94 changed files with 3627 additions and 3089 deletions
@@ -1,81 +1,84 @@
-import { NativeBaseProvider, extendTheme, useColorMode, useTheme } from 'native-base';
+import { NativeBaseProvider, extendTheme, useColorMode } from 'native-base';
 import useColorScheme from './hooks/colorScheme';
 import { useEffect } from 'react';

 const ThemeProvider = ({ children }: { children: JSX.Element }) => {
 	const colorScheme = useColorScheme();

-	return <NativeBaseProvider theme={extendTheme({
-		config: {
-			useSystemColorMode: false,
-			initialColorMode: colorScheme
-		},
-		colors: {
-			primary: {
-				50: '#e6faea',
-				100: '#c8e7d0',
-				200: '#a7d6b5',
-				300: '#86c498',
-				400: '#65b47c',
-				500: '#4b9a62',
-				600: '#3a784b',
-				700: '#275635',
-				800: '#14341f',
-				900: '#001405',
-			},
-			secondary: {
-				50: '#d8ffff',
-				100: '#acffff',
-				200: '#7dffff',
-				300: '#4dffff',
-				400: '#28ffff',
-				500: '#18e5e6',
-				600: '#00b2b3',
-				700: '#007f80',
-				800: '#004d4e',
-				900: '#001b1d',
-			},
-			error: {
-				50: '#ffe2e9',
-				100: '#ffb1bf',
-				200: '#ff7f97',
-				300: '#ff4d6d',
-				400: '#fe1d43',
-				500: '#e5062b',
-				600: '#b30020',
-				700: '#810017',
-				800: '#4f000c',
-				900: '#200004',
-			},
-			notification: {
-				50: '#ffe1e1',
-				100: '#ffb1b1',
-				200: '#ff7f7f',
-				300: '#ff4c4c',
-				400: '#ff1a1a',
-				500: '#e60000',
-				600: '#b40000',
-				700: '#810000',
-				800: '#500000',
-				900: '#210000',
-			}
-		},
-		components: {
-			Button: {
-				variants: {
-					solid: () => ({
-						rounded: 'full',
-					})
-				}
-			}
-		}
-	})}>
-		{ children }
-	</NativeBaseProvider>;
-}
-
-const ColorSchemeProvider = (props: { children: any }) => {
+	return (
+		<NativeBaseProvider
+			theme={extendTheme({
+				config: {
+					useSystemColorMode: false,
+					initialColorMode: colorScheme,
+				},
+				colors: {
+					primary: {
+						50: '#e6faea',
+						100: '#c8e7d0',
+						200: '#a7d6b5',
+						300: '#86c498',
+						400: '#65b47c',
+						500: '#4b9a62',
+						600: '#3a784b',
+						700: '#275635',
+						800: '#14341f',
+						900: '#001405',
+					},
+					secondary: {
+						50: '#d8ffff',
+						100: '#acffff',
+						200: '#7dffff',
+						300: '#4dffff',
+						400: '#28ffff',
+						500: '#18e5e6',
+						600: '#00b2b3',
+						700: '#007f80',
+						800: '#004d4e',
+						900: '#001b1d',
+					},
+					error: {
+						50: '#ffe2e9',
+						100: '#ffb1bf',
+						200: '#ff7f97',
+						300: '#ff4d6d',
+						400: '#fe1d43',
+						500: '#e5062b',
+						600: '#b30020',
+						700: '#810017',
+						800: '#4f000c',
+						900: '#200004',
+					},
+					notification: {
+						50: '#ffe1e1',
+						100: '#ffb1b1',
+						200: '#ff7f7f',
+						300: '#ff4c4c',
+						400: '#ff1a1a',
+						500: '#e60000',
+						600: '#b40000',
+						700: '#810000',
+						800: '#500000',
+						900: '#210000',
+					},
+				},
+				components: {
+					Button: {
+						variants: {
+							solid: () => ({
+								rounded: 'full',
+							}),
+						},
+					},
+				},
+			})}
+		>
+			{children}
+		</NativeBaseProvider>
+	);
+};

+const ColorSchemeProvider = (props: { children: JSX.Element }) => {
 	const colorScheme = useColorScheme();
 	const colorMode = useColorMode();

@@ -83,7 +86,7 @@ const ColorSchemeProvider = (props: { children: any }) => {
 		colorMode.setColorMode(colorScheme);
 	}, [colorScheme]);
 	return props.children;
-}
+};

 export default ThemeProvider;
-export { ColorSchemeProvider };
+export { ColorSchemeProvider };