From 64905cd93e584722780964218bce02fc7f76b568 Mon Sep 17 00:00:00 2001
From: Theo DUPIN <Theo.DUPIN@etu.uca.fr>
Date: Fri, 28 Oct 2022 17:35:40 +0200
Subject: [PATCH] =?UTF-8?q?Cr=C3=A9ation=20page=20NavigationDashboard?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/NavigationDashboard.js | 45 +++++++++++++++++++++++++--
 src/pages/Analyse.js                  | 30 ++----------------
 src/pages/Compte.js                   | 30 ++----------------
 3 files changed, 47 insertions(+), 58 deletions(-)

diff --git a/src/components/NavigationDashboard.js b/src/components/NavigationDashboard.js
index 152f4a6..c39d0be 100644
--- a/src/components/NavigationDashboard.js
+++ b/src/components/NavigationDashboard.js
@@ -4,8 +4,49 @@ import { NavLink } from 'react-router-dom';
 
 const NavigationDashboard = () => {
     return (
-        <div className="nav_barre_verticale">
-            
+        <div className="nav_bar_verticale">
+            <NavLink className="mon_compte" to="/Account">
+                <div className="parti_one">
+                    <button className="button" type="submit">
+                        <img className="logo_nav_bar" srcSet="./logo_person.svg"/>                        
+                    </button>
+                </div>
+            </NavLink>
+            <NavLink className="dashboard" to="/Dashboard">
+                <div className="parti_two">
+                    <button className="button" type="submit">
+                        <img className="logo_nav_bar" srcSet="./logo_speed.svg"/> 
+                    </button>
+                    <NavLink className="analyse" to="/Analyse">
+                        <div className="parti_two">
+                            <button className="button" type="submit">
+                                <img className="logo_nav_bar" srcSet="./logo_graph.svg"/>
+                            </button>
+                        </div>
+                    </NavLink>
+                    <NavLink className="calendrier" to="/Calendrier">
+                        <div className="parti_two">
+                            <button className="button" type="submit">
+                                <img className="logo_nav_bar" srcSet="./logo_calendrier.svg"/>
+                            </button>
+                        </div>
+                    </NavLink>
+                </div>
+            </NavLink>
+            <NavLink className="répertoire" to="/Répertoire">
+                <div className="parti_three">
+                    <button className="button" type="submit">
+                        <img className="logo_nav_bar" srcSet="./logo_group.svg"/>
+                    </button>
+                </div>
+            </NavLink>
+            <NavLink className="paramètres" to="/Paramètres">
+                <div className="parti_four">
+                    <button className="button" type="submit">
+                        <img className="logo_nav_bar" srcSet="./logo_parametre.svg"/>
+                    </button>
+                </div>
+            </NavLink>
         </div>
     );
 };
diff --git a/src/pages/Analyse.js b/src/pages/Analyse.js
index c376c2f..c757bf7 100644
--- a/src/pages/Analyse.js
+++ b/src/pages/Analyse.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import axios from 'axios'
 import Chart from 'chart.js/auto'
+import NavigationDashboard from '../components/NavigationDashboard';
 window.Chart = Chart
 
 const api = axios.create({
@@ -26,34 +27,7 @@ const Analyse = () => {
             </div>
 
             <div className="bas_de_page">
-                <div className="nav_bar_verticale">
-                    <div className="parti_one">
-                        <button className="button" type="submit">
-                            <img className="logo_nav_bar" srcSet="./logo_person.svg"/>                        
-                        </button>
-                    </div>  
-                    <div className="parti_two">
-                        <button className="button" type="submit">
-                            <img className="logo_nav_bar" srcSet="./logo_speed.svg"/> 
-                        </button>
-                        <button className="button" type="submit">
-                            <img className="logo_nav_bar" srcSet="./logo_graph.svg"/>
-                        </button>
-                        <button className="button" type="submit">
-                            <img className="logo_nav_bar" srcSet="./logo_calendrier.svg"/>
-                        </button>
-                    </div>
-                    <div className="parti_three">
-                        <button className="button" type="submit">
-                            <img className="logo_nav_bar" srcSet="./logo_group.svg"/>
-                        </button>
-                    </div>   
-                    <div className="parti_four">
-                        <button className="button" type="submit">
-                            <img className="logo_nav_bar" srcSet="./logo_parametre.svg"/>
-                        </button>
-                    </div>                                    
-                </div>
+                <NavigationDashboard />                          
                 <div className="Analyse">
                     <div className="statistiques_1">
                         
diff --git a/src/pages/Compte.js b/src/pages/Compte.js
index 00015cc..e6674d7 100644
--- a/src/pages/Compte.js
+++ b/src/pages/Compte.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import NavigationDashboard from '../components/NavigationDashboard';
 
 
 const Compte = () => {
@@ -22,34 +23,7 @@ const Compte = () => {
                     </div>
                 </div>
                 <div className="bas_de_page">
-                    <div className="nav_bar_verticale">
-                        <div className="parti_one">
-                            <button className="button" type="submit">
-                                <img className="logo_nav_bar" srcSet="./logo_person.svg"/>                        
-                            </button>
-                        </div>  
-                        <div className="parti_two">
-                            <button className="button" type="submit">
-                                <img className="logo_nav_bar" srcSet="./logo_speed.svg"/> 
-                            </button>
-                            <button className="button" type="submit">
-                                <img className="logo_nav_bar" srcSet="./logo_graph.svg"/>
-                            </button>
-                            <button className="button" type="submit">
-                                <img className="logo_nav_bar" srcSet="./logo_calendrier.svg"/>
-                            </button>
-                        </div>
-                        <div className="parti_three">
-                            <button className="button" type="submit">
-                                <img className="logo_nav_bar" srcSet="./logo_group.svg"/>
-                            </button>
-                        </div>   
-                        <div className="parti_four">
-                            <button className="button" type="submit">
-                                <img className="logo_nav_bar" srcSet="./logo_parametre.svg"/>
-                            </button>
-                        </div>                                    
-                    </div>
+                    <NavigationDashboard />                      
                     <div className="Compte">
                         <div className="name_picture">
                             <div className="picture">