Création page NavigationDashboard

master
Théo DUPIN 3 years ago
parent 0e295faae6
commit 64905cd93e

@ -4,8 +4,49 @@ import { NavLink } from 'react-router-dom';
const NavigationDashboard = () => { const NavigationDashboard = () => {
return ( 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> </div>
); );
}; };

@ -1,6 +1,7 @@
import React from 'react'; import React from 'react';
import axios from 'axios' import axios from 'axios'
import Chart from 'chart.js/auto' import Chart from 'chart.js/auto'
import NavigationDashboard from '../components/NavigationDashboard';
window.Chart = Chart window.Chart = Chart
const api = axios.create({ const api = axios.create({
@ -26,34 +27,7 @@ const Analyse = () => {
</div> </div>
<div className="bas_de_page"> <div className="bas_de_page">
<div className="nav_bar_verticale"> <NavigationDashboard />
<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>
<div className="Analyse"> <div className="Analyse">
<div className="statistiques_1"> <div className="statistiques_1">

@ -1,4 +1,5 @@
import React from 'react'; import React from 'react';
import NavigationDashboard from '../components/NavigationDashboard';
const Compte = () => { const Compte = () => {
@ -22,34 +23,7 @@ const Compte = () => {
</div> </div>
</div> </div>
<div className="bas_de_page"> <div className="bas_de_page">
<div className="nav_bar_verticale"> <NavigationDashboard />
<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>
<div className="Compte"> <div className="Compte">
<div className="name_picture"> <div className="name_picture">
<div className="picture"> <div className="picture">

Loading…
Cancel
Save