104 page du profil utilisateur (#116)

* [ADD] profile page * [DEL] empty lines * [UPD] added translation for the profile page * [UPD] link to the profile page * [ADD] profile page * [UPD] moved the progress bar component in its own file * [UPD] moved the progress bar component * [WIP] added all the elements to the profile view * [WIP] added all the elements to the profile view * User Slice: Use API Instance instead of access token * Front: Fix API calls with JWT Token * Front: Handle Empty Server response * Front: Fix User Model * Front: Signin Form: Fix submittingstate on error * Front: Remove logs * Front/translate refactor (#110) * Front: i18n: Create component * Front: Use new translation component * Front: Translation COmpoent: Change props name * Front: Fix merge * Front: settings persistance (#108) * Front: Add peristance dependencies * Front: Fix Cross-platform persistance * Front: Create Settings Slice * Front: Use Redux State for settings * Front: Check if access token is still valid * Front: Create Language Gate to set correct language at startup * Front: BEtter handling of Access Token validity * 54-écran-de-titre (#109) * [ADD] function to hide the splash screen * [DEL] useless lines * [ADD] compatibility * [UPD] settings for the splash screen * [ADD] chromacase logo on the splash screen * [UPD] splash logo * [UPD] set the timeout to 0 * [UPD] set the timeout to 500 * User Slice: Use API Instance instead of access token * Front: Fix API calls with JWT Token * Front: Handle Empty Server response * Front: Fix User Model * Front: Signin Form: Fix submittingstate on error * Front: Remove logs * Front/translate refactor (#110) * Front: i18n: Create component * Front: Use new translation component * Front: Translation COmpoent: Change props name * Front: Fix merge * Front: settings persistance (#108) * Front: Add peristance dependencies * Front: Fix Cross-platform persistance * Front: Create Settings Slice * Front: Use Redux State for settings * Front: Check if access token is still valid * Front: Create Language Gate to set correct language at startup * Front: BEtter handling of Access Token validity * [MERGE] * [DEL] useless lines * [UPD] settings for the splash screen * [UPD] set the timeout to 0 * [DEL] duplicated line * [REVERT] Co-authored-by: Arthi-chaud <arthur.jamet@gmail.com> Co-authored-by: Arthur Jamet <60505370+Arthi-chaud@users.noreply.github.com> * [FIX] splashscreen * [ADD] profile page * [UPD] link to the profile page * [UPD] moved the progress bar component * [FIX] translate * [UPD] reorganized all translations for ease of use * [UPD] translated all the texts and made the page more beautiful [TODO] get the informations of the user * [ADD] banner and level Co-authored-by: Arthi-chaud <arthur.jamet@gmail.com> Co-authored-by: Arthur Jamet <60505370+Arthi-chaud@users.noreply.github.com>
2023-01-13 19:28:06 +01:00
parent f22e155a44
commit af8ec83cd6
9 changed files with 1367 additions and 1232 deletions
@@ -1,15 +1,16 @@
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
 import React from 'react';
+import { NavigationContainer } from '@react-navigation/native';
+import { useSelector } from './state/Store';
+import { translate } from './i18n/i18n';
+import SongLobbyView from './views/SongLobbyView';
 import AuthenticationView from './views/AuthenticationView';
 import HomeView from './views/HomeView';
 import SearchView from './views/SearchView';
 import SetttingsNavigator from './views/SettingsView';
-import { NavigationContainer } from '@react-navigation/native';
-import { useSelector } from './state/Store';
-import SongLobbyView from './views/SongLobbyView';
-import { translate } from './i18n/i18n';
 import { useQuery } from 'react-query';
 import API from './API';
+import ProfileView from './views/ProfileView';

 const Stack = createNativeStackNavigator();

@@ -18,6 +19,7 @@ export const protectedRoutes = <>
 	<Stack.Screen name="Settings" component={SetttingsNavigator} options={{ title: 'Settings' }} />
 	<Stack.Screen name="Song" component={SongLobbyView} options={{ title: translate('play') }} />
 	<Stack.Screen name="Search" component={SearchView} options={{ title: translate('search') }} />
+	<Stack.Screen name="User" component={ProfileView} options={{ title: translate('user') }} />
 </>;

 export const publicRoutes = <React.Fragment>