pages de configuration

Site Web/client/src/components/Configurations/ConfigurationDuProfil.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import PP  from "../assets/img/unknown.png";
+import PP  from "../../assets/img/unknown.png";
 import { NavLink } from "react-router-dom";
 
 

Site Web/client/src/components/Navbar.js

@@ -6,6 +6,8 @@ import PP  from "../assets/img/unknown.png";
 import cookie from 'js-cookie';
 import axios from "axios";
 import Logo from "../assets/img/logo.png";
+import Configuration from "./../pages/Configuration";
+
 
 const Navbar = () => {
     const uid = useContext( UidContext );
@@ -82,7 +84,7 @@ const Navbar = () => {
                                     </svg>
                                 </div>
                                 <div className="more-menu">
-                                    <NavLink className='element-menu-deroulant'>Élement 1</NavLink>
+                                    <NavLink className='element-menu-deroulant' to="/Configuration">Configurations</NavLink>
                                     <NavLink className='element-menu-deroulant'>Élement 2</NavLink>
                                     <NavLink  className='element-menu-deroulant' onClick={logout}>Élement 3</NavLink>
                                 </div>

Site Web/client/src/pages/configuration.js

@@ -1,16 +1,14 @@
 import 'tachyons';
 import React, {useState} from 'react';
-import { NavLink } from "react-router-dom";
-import Navbar from '../components/Navbar';
-import ConfigurationDuProfil from '../components/ConfigurationDuProfil';
-import ConfigurationDuCompte from '../components/ConfigurationDuCompte.js';
-import PolitiqueDeConfidentialite from '../components/PolitiqueDeConfidentialite';
+import ConfigurationDuProfil from '../components/Configurations/ConfigurationDuProfil';
+import ConfigurationDuCompte from '../components/Configurations/ConfigurationDuCompte.js';
+import PolitiqueDeConfidentialite from '../components/Configurations/PolitiqueDeConfidentialite';
 
-function Configuration(props){
+function Configuration(){
 
-        const [ConfigurationCompte, setConfigurationDuCompte] = useState(props.configCompte);
-        const [ConfigurationProfil, setConfigurationDuProfil] = useState(props.configProfil);
-        const [PolitiqueConfidentialite, setPolitiqueDeConfidentialite] =useState(props.PolitiqueConf)
+        const [ConfigurationCompte, setConfigurationDuCompte] = useState(false);
+        const [ConfigurationProfil, setConfigurationDuProfil] = useState(true);
+        const [PolitiqueConfidentialite, setPolitiqueDeConfidentialite] =useState(false)
     
         const handleModals = (e) => {
             if (e.target.id === "ConfigurationDuProfil") {