connexion

frontend/App.js

@@ -4,32 +4,22 @@ import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'
 import { createNativeStackNavigator } from '@react-navigation/native-stack'
 import { Ionicons } from '@expo/vector-icons'
 
-
-import { Platform, Text, View } from 'react-native';
-
 import mapHome from './src/pages/map/MapHome'
 import NewPlace from './src/pages/newPlace/newPlace'
+import { ContextProvider } from './src/context/AuthContext'
+import { Connexion } from './src/pages/connexion/connexion'
 
 
 const Tab = createBottomTabNavigator()
-const Stack = createNativeStackNavigator()
 const tabBarIconConfig = {
   Home: 'newspaper-outline',
   maps: 'map',
   logement: 'ios-add-circle-sharp',
 }
 
-function HomeScreen() {
-  return (
-    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
-      <Text>{Platform.OS}</Text>
-    </View>
-  );
-}
-
 export default function App() {
   return (
-    <NavigationContainer>
+    <ContextProvider><NavigationContainer>
       <Tab.Navigator
         initialRouteName='Home'
         screenOptions={({ route }) => ({
@@ -42,10 +32,10 @@ export default function App() {
           headerShown: false
         })}
       >
-        <Tab.Screen name="Home" component={HomeScreen} />
+        <Tab.Screen name="Home" component={Connexion} />
         <Tab.Screen name="logement" component={NewPlace} />
         <Tab.Screen name="maps" component={mapHome} />
       </Tab.Navigator>
-    </NavigationContainer>
+    </NavigationContainer></ContextProvider>
   );
 }

frontend/constants/server.js

 export const baseIPAddress = "";
 
-export const newPlacePath = "";
\ No newline at end of file
+export const newPlacePath = "";
+export const connexion = "";
\ No newline at end of file

frontend/src/context/AuthContext.js

-import {createContext} from "react";
+import React, {createContext, useState} from 'react'
 
-export const AuthUserContext = createContext({});
+export const AuthUserContext = createContext();
+
+export const ContextProvider = ({children}) => {
+    const [token, setToken] = useState(null)
+
+    return (
+        <AuthUserContext.Provider value={[token, setToken]}>
+            {children}
+        </AuthUserContext.Provider>
+    )
+}
 

frontend/src/pages/connexion/connexion.js

+import { useContext, useState } from "react";
+import { TextInput, Button, View, Text } from "react-native";
+import { baseIPAddress, connexion } from "../../../constants/server";
+import { AuthUserContext } from "../../context/AuthContext";
+
+
+export function Connexion()
+{
+    const [username, setUsername] = useState("");
+    const [token, setToken] = useContext(AuthUserContext)
+
+    function SendServer()
+    {
+        setToken("A token of some sort")
+
+        fetch(baseIPAddress + connexion, {
+            method: "post",
+            body: username
+        }).then(res => {
+            setToken(res.data.token)
+        })
+    }
+
+    return (
+        <View>
+            {token != null ? <Text>Connecté.e</Text> : null}
+            <View style={{flexDirection:"row"}}>
+                <Text>Username : </Text><TextInput value={username} onChangeText={setUsername}/>
+            </View>
+            <Button title="valider" onPress={SendServer}/>
+        </View>
+    )
+}
\ No newline at end of file