Update Topbar.js
This commit is contained in:
parent
3f6c303865
commit
1db9a273a0
@ -1,12 +1,12 @@
|
|||||||
import React from "react";
|
import React, { useEffect, useState } from "react";
|
||||||
import Container from 'react-bootstrap/Container';
|
import Container from 'react-bootstrap/Container';
|
||||||
import Nav from 'react-bootstrap/Nav';
|
import Nav from 'react-bootstrap/Nav';
|
||||||
import Navbar from 'react-bootstrap/Navbar';
|
import Navbar from 'react-bootstrap/Navbar';
|
||||||
import { Link } from "react-router-dom";
|
import { Link } from "react-router-dom";
|
||||||
import Dropdown from "react-bootstrap/Dropdown";
|
import Dropdown from "react-bootstrap/Dropdown";
|
||||||
|
|
||||||
|
|
||||||
const Topbar = () => {
|
const Topbar = () => {
|
||||||
|
const user = null;
|
||||||
return (
|
return (
|
||||||
<Navbar expand="sm" className="topbar-container">
|
<Navbar expand="sm" className="topbar-container">
|
||||||
<Container>
|
<Container>
|
||||||
@ -31,12 +31,22 @@ const Topbar = () => {
|
|||||||
<Link className="nav-link" to="/privacy" >
|
<Link className="nav-link" to="/privacy" >
|
||||||
Vie privée
|
Vie privée
|
||||||
</Link>
|
</Link>
|
||||||
|
{user !== null && user.hasCookie === false &&
|
||||||
<Link className="nav-link" to="/login" >
|
<Link className="nav-link" to="/login" >
|
||||||
Connexion
|
Connexion
|
||||||
</Link>
|
</Link>
|
||||||
|
}
|
||||||
|
{user !== null && user.hasCookie === false &&
|
||||||
|
<Link className="nav-link" to="/register">
|
||||||
|
S'inscrire
|
||||||
|
</Link>
|
||||||
|
}
|
||||||
|
{user !== null && user.hasCookie === true &&
|
||||||
<Link className="nav-link" to="/logout" >
|
<Link className="nav-link" to="/logout" >
|
||||||
Déconnexion
|
Déconnexion
|
||||||
</Link>
|
</Link>
|
||||||
|
}
|
||||||
|
{user !== null && user.hasCookie === true && user.role === "Administrateur" &&
|
||||||
<Dropdown className="dropdown-gestion-container">
|
<Dropdown className="dropdown-gestion-container">
|
||||||
<Dropdown.Toggle className="dropdown-gestion" >
|
<Dropdown.Toggle className="dropdown-gestion" >
|
||||||
Gestion
|
Gestion
|
||||||
@ -50,6 +60,7 @@ const Topbar = () => {
|
|||||||
</Dropdown.Item>
|
</Dropdown.Item>
|
||||||
</Dropdown.Menu>
|
</Dropdown.Menu>
|
||||||
</Dropdown>
|
</Dropdown>
|
||||||
|
}
|
||||||
</Nav>
|
</Nav>
|
||||||
</Navbar.Collapse>
|
</Navbar.Collapse>
|
||||||
</Container>
|
</Container>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user