Merge branch 'master' of https://codefirst.iut.uca.fr/git/maxence.lanone/JTT_CrM

src/App.js

@@ -3,16 +3,18 @@ import { BrowserRouter, Routes, Route } from 'react-router-dom';
 import Compte from './pages/Compte';
 import Connexion from './pages/Connexion';
 import Admin from './pages/Admin.js';
+import Admin_modif from './pages/Admin_modif.js';
 import Admin_supp from './pages/Admin_supp.js';
 
 const App = () => {
   return (
     <BrowserRouter>
      <Routes>
-       <Route path="/" element={<Connexion />} />
+      <Route path="/" element={<Connexion />} />
-       <Route path="/Admin" element={<Admin />} />
+      <Route path="/Admin" element={<Admin />} />
-       <Route path="/Account" element={<Compte />} />
+      <Route path="/Account" element={<Compte />} />
-       <Route path="/Admin_supp" element={<Admin_supp />} />
+      <Route path="/Admin_modif" element={<Admin_modif />} />
+      <Route path="/Admin_supp" element={<Admin_supp />} />
      </Routes>
     </BrowserRouter>
   );

src/components/NavigationAdmin.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { NavLink } from 'react-router-dom';
+
+const NavigationAdmin = () => {
+    return (
+
+        <div className="nav_bar_verticale">
+            <img className="logo" srcSet="./LogoApp.svg"></img>
+            <NavLink className="create_user" to="/Admin">
+                <button id="user" className="bouton" type="button" value="Créer un utilisateur" onClick="Create_user()">Créer un nouvel utilisateur</button>
+            </NavLink>
+            <NavLink className="modify_user" to="/Admin_modif">
+                <button id="user" className="bouton" type="button" value="Modifier un utilisateur" /*onClick="Modify_user()"*/>Modifier un utilisateur</button>
+            </NavLink>
+            <NavLink className="delete_user" to="/Admin_supp">
+                <button id="user" className="bouton" type="button" value="Supprimer un utilisateur" /*onClick="Delete_user()"*/>Supprimer un utilisateur</button>
+            </NavLink>
+        </div>
+
+    );
+};
+
+export default NavigationAdmin;

src/pages/Admin.js

@@ -1,22 +1,12 @@
 import React from 'react';
+import NavigationAdmin from '../components/NavigationAdmin.js';
 
 
 const Admin = () => {
     return (
         <div className="page_admin">
+            <NavigationAdmin />
             {/* Create a admin page */}
-            <div className="nav_bar_verticale">
-                <img className="logo" srcSet="./LogoApp.svg"></img>
-                <div className="create_user">
-                    <button id="user" className="bouton" type="button" value="Créer un utilisateur" onClick={Create_user}>Créer utilisateur</button>
-                </div>
-                <div className="modify_user">
-                    <button id="user" className="bouton" type="button" value="Modifier un utilisateur" onClick={Modify_user}>Modifier utilisateur</button>
-                </div>
-                <div className="delete_user">
-                    <button id="user" className="bouton" type="button" value="Supprimer un utilisateur" /*onClick={Delete_user}*/>Supprimer utilisateur</button>
-                </div>
-            </div>
             <p className="Titre">Admin
             <div className="Formulaire">
                 <form className="form">

src/pages/Admin_modif.js

@@ -1,21 +1,11 @@
 import React from 'react';
+import NavigationAdmin from '../components/NavigationAdmin.js';
 
 const Admin_modif = () => {
     return (
         <div className="page_admin">
             {/* Create a page to delete an user in the admin page*/}
-            <div className="nav_bar_verticale">
+            <NavigationAdmin/>
-                <img className="logo" srcSet="./LogoApp.svg"></img>
-                <div className="create_user">
-                    <button id="user" className="bouton" type="button" value="Créer un utilisateur" onClick="Create_user()">Créer utilisateur</button>
-                </div>
-                <div className="modify_user">
-                    <button id="user" className="bouton" type="button" value="Modifier un utilisateur" /*onClick="Modify_user()"*/>Modifier utilisateur</button>
-                </div>
-                <div className="delete_user">
-                    <button id="user" className="bouton" type="button" value="Supprimer un utilisateur" /*onClick="Delete_user()"*/>Supprimer utilisateur</button>
-                </div>
-            </div>
             <div className="Formulaire">
                 <p className="Titre">Admin</p>
                 <form className="form">

src/pages/Admin_supp.js

@@ -1,30 +1,22 @@
 import React from 'react';
+import NavigationAdmin from '../components/NavigationAdmin.js';
 
 const Admin_supp = () => {
     return (
         <div className="page_admin">
             {/* Create a page to delete an user in the admin page*/}
-            <div className="nav_bar_verticale">
+            <NavigationAdmin/>
-                <img className="logo" srcSet="./LogoApp.svg"></img>
+            <p className="Titre">Admin</p>
-                <div className="create_user">
+            <form className="formulaire">
-                    <button id="user" className="bouton" type="button" value="Créer un utilisateur" onClick="Create_user()">Créer utilisateur</button>
+                <table className="Formulaire_de_recherche">
-                </div>
+                    <tr>
-                <div className="modify_user">
+                        <input id="personne" type="search" className="texte_barre" placeholder="🔎 Rechercher un utilisateur" /*onClick={tab}*//>
-                    <button id="user" className="bouton" type="button" value="Modifier un utilisateur" /*onClick="Modify_user()"*/>Modifier utilisateur</button>
+                    </tr>
-                </div>
+                    <tr>
-                <div className="delete_user">
+
-                    <button id="user" className="bouton" type="button" value="Supprimer un utilisateur" /*onClick="Delete_user()"*/>Supprimer utilisateur</button>
+                    </tr>
-                </div>
+                </table>
-            </div>
+            </form>
-            <p className="Titre">Admin
-                <form className="formulaire">
-                    <table className="Formulaire_de_recherche">
-                        <tr>
-                            <input id="personne" type="search" className="texte_barre" placeholder="🔎 Rechercher un utilisateur" /*onClick={tab}*//>
-                        </tr>
-                    </table>
-                </form>
-            </p>
         </div>
     );
 };

src/pages/Connexion.js

@@ -64,7 +64,7 @@ function Connexion() {
                         Connexion
                     </label>
                     <label>
-                        <input id="pseudo" className="text_zone" type="text" value={login} onChange={changeLogin} placeholder="Pseudo"/>
+                        <input id="pseudo" className="text_zone" type="text" value={login} onChange={changeLogin} placeholder="Identifiant "/>
                     </label>
                     <label>
                         <input id="password" className="text_zone" type="password" value={password} onChange={changePassword} placeholder="Mot de passe"/>

src/styles/components/_admin.scss

@@ -9,6 +9,7 @@
         display: flex;
         flex-direction: column;
         width: 200px;
+        height: 100%;
         background: rgba(255, 255, 255, 0.143);
         box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
         backdrop-filter: blur(3px);