Changement Page Admin

src/App.js

@@ -3,6 +3,7 @@ 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_supp from './pages/Admin_supp.js';
 
 const App = () => {
   return (
@@ -11,6 +12,7 @@ const App = () => {
        <Route path="/" element={<Connexion />} />
        <Route path="/Admin" element={<Admin />} />
        <Route path="/Account" element={<Compte />} />
+       <Route path="/Admin_supp" element={<Admin_supp />} />
      </Routes>
     </BrowserRouter>
   );

src/pages/Admin.js

@@ -14,7 +14,7 @@ const Admin = () => {
                     <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>
+                    <button id="user" className="bouton" type="button" value="Supprimer un utilisateur" /*onClick={Delete_user}*/>Supprimer utilisateur</button>
                 </div>
             </div>
             <p className="Titre">Admin
@@ -65,10 +65,10 @@ function Modify_user(){
     document.location.href = "http://localhost:3000/";
 }
 
-function Delete_user(){
+/*function Delete_user(){
     //document.getElementById("user").onclick = function() {Delete_user()};
     document.location = './pages/Admin_supp';
     console.log(document.location);
-}
+}*/
 
 export default Admin;

src/pages/Admin_modif.js

@@ -7,13 +7,13 @@ const Admin_modif = () => {
             <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 un nouvel utilisateur</button>
+                    <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 un utilisateur</button>
+                    <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 un utilisateur</button>
+                    <button id="user" className="bouton" type="button" value="Supprimer un utilisateur" /*onClick="Delete_user()"*/>Supprimer utilisateur</button>
                 </div>
             </div>
             <div className="Formulaire">

src/pages/Admin_supp.js

@@ -7,26 +7,24 @@ const Admin_supp = () => {
             <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 un nouvel utilisateur</button>
+                    <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 un utilisateur</button>
+                    <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 un utilisateur</button>
+                    <button id="user" className="bouton" type="button" value="Supprimer un utilisateur" /*onClick="Delete_user()"*/>Supprimer utilisateur</button>
                 </div>
             </div>
-            <p className="Titre">Admin</p>
+            <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>
-                    <tr>
-
-                    </tr>
                     </table>
                 </form>
+            </p>
         </div>
     );
 };

src/styles/components/_admin.scss

@@ -9,7 +9,6 @@
         display: flex;
         flex-direction: column;
         width: 200px;
-        height: 735px;
         background: rgba(255, 255, 255, 0.143);
         box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
         backdrop-filter: blur(3px);
@@ -73,6 +72,15 @@
         font-size: 30px;
     }*/
 
+    .Titre {
+        display: flex;
+        flex-direction: column;
+        background: rgba(255, 255, 255, 0.3);
+        border-radius: 15px;
+        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+        backdrop-filter: blur(3px);
+        -webkit-backdrop-filter: blur(15px);
+        margin: 10px;
 
         .Formulaire {
             display: flex;
@@ -133,6 +141,7 @@
                 flex-direction: row;
             }
         }
+    }
 }