From 18a8fd1e798ec333cf90cd2e7e065af2a9771686 Mon Sep 17 00:00:00 2001
From: Romain CLEMENT <rc2301@orange.fr>
Date: Sun, 9 Apr 2023 22:30:47 +0200
Subject: [PATCH] Banned stack screen

---
 src/App.tsx            | 23 ++++++++++++++++++-----
 src/auth/SignIn.tsx    |  3 +--
 src/auth/SignUp.tsx    |  3 +--
 src/clip/AClipView.tsx |  3 +--
 4 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index c083e13..2c4f0f7 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -39,7 +39,7 @@ class App extends React.Component<any, any> {
         }
         store.subscribe(() => {
             console.log("see a dispatch");
-            this.setState({ token: store.getState().userReducer.token})
+            this.setState({ token: store.getState().userReducer.token });
         });
     }
 
@@ -69,13 +69,26 @@ class App extends React.Component<any, any> {
         console.log("render app", store.getState());
         console.log("app state", this.state);
         return <NavigationContainer>
-            <Stack.Navigator>{
+            <Tab.Navigator>{
                 this.state.token === ""
                     ?
-                    <Stack.Screen component={this.Auth} name="Authentication" options={{ title: "Authentification" }} />
+                    ////////////////////////////////////////////////////////////
+                    <>
+                        <Tab.Screen children={() => <SignIn store={store} />} name="Login" options={{ title: 'Connexion' }} />
+                        <Tab.Screen children={() => <SignUp store={store} />} name="Register" options={{ title: 'Créer un compte' }} />
+                    </>
                     :
-                    <Stack.Screen component={this.Clip} name="Clipboards" options={{ title: 'Presse papiers' }} />
-            }</Stack.Navigator>
+                    ////////////////////////////////////////////////////////////
+                    <>
+                        <Tab.Screen name="Local" options={{ title: 'local' }}>
+                            {(props) => <ClipViewLocal store={store} navigation={props.navigation} type={"local"} />}
+                        </Tab.Screen>
+                        <Tab.Screen name="Remote" options={{ title: 'distant' }}>
+                            {(props) => <ClipViewRemote store={store} navigation={props.navigation} type={"remote"} />}
+                        </Tab.Screen>
+                    </>
+                    ////////////////////////////////////////////////////////////
+            }</Tab.Navigator>
         </NavigationContainer>
     };
 }
diff --git a/src/auth/SignIn.tsx b/src/auth/SignIn.tsx
index eea6d42..ffd696c 100644
--- a/src/auth/SignIn.tsx
+++ b/src/auth/SignIn.tsx
@@ -22,7 +22,6 @@ export default class SignIn extends React.Component<any, any> {
         );
         const signInJson = await signInResponse.json();
         if (signInJson.status === "ok") {
-            console.log(this.props.store);
             this.props.store.dispatch(setUser(signInJson.token, this.state.username));
         } else console.log(signInJson);
     }
@@ -38,7 +37,7 @@ export default class SignIn extends React.Component<any, any> {
     render(): React.ReactNode {
         return (
             <View>
-                <Text>Connexion</Text>
+                <Text style={{ fontWeight: 'bold', fontSize: 30, margin: 20 }}>Connexion</Text>
                 <TextInput placeholder="Nom d'utilisateur" value={this.state.username} onChange={this.updateUsername}/>
                 <TextInput placeholder="Mot de Passe" value={this.state.password} onChange={this.updatePassword}/>
                 <Button title="Se connecter" onPress={this.signInFunction} />
diff --git a/src/auth/SignUp.tsx b/src/auth/SignUp.tsx
index 83ec4a3..cad338d 100644
--- a/src/auth/SignUp.tsx
+++ b/src/auth/SignUp.tsx
@@ -30,7 +30,6 @@ export default class SignUp extends React.Component<any, any> {
             );
             const signInJson = await signInResponse.json();
             if (signInJson.status === "ok") {
-                console.log(this.props.store);
                 this.props.store.dispatch(setUser(signInJson.token, this.state.username));
             } else console.log(signInJson);
         } else console.log(signUpJson);
@@ -47,7 +46,7 @@ export default class SignUp extends React.Component<any, any> {
     render(): React.ReactNode {
         return (
             <View>
-                <Text>Créer un compte</Text>
+                <Text style={{ fontWeight: 'bold', fontSize: 30, margin: 20 }}>Créer un compte</Text>
                 <TextInput placeholder="Nom d'utilisateur" value={this.state.username} onChangeText={this.updateUsername} />
                 <TextInput placeholder="Mot de Passe" value={this.state.password} onChangeText={this.updatePassword} />
                 <Button title="S'enregistrer" onPress={this.signUpFunction} />
diff --git a/src/clip/AClipView.tsx b/src/clip/AClipView.tsx
index 603aabb..4894336 100644
--- a/src/clip/AClipView.tsx
+++ b/src/clip/AClipView.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button } from 'react-native';
+import { Button, Text } from 'react-native';
 import { clearUser } from '../redux/actions';
 
 export default abstract class AClipView extends React.Component<any, any> {
@@ -13,7 +13,6 @@ export default abstract class AClipView extends React.Component<any, any> {
 
     getSignOutBtn() {
         return <Button title="Sign out" onPress={() => {
-            console.log("logout");
             this.props.store.dispatch(clearUser());
         }} />
     }