@@ -15,7 +15,7 @@ export function HomePage() {
{
currentUser && currentUser.email ?
-
Bonjour {currentUser.email} !
:
+
Bonjour {currentUser.name ? currentUser.name : currentUser.email} !
:
Veuillez vous authentifier.
}
diff --git a/client/src/components/Navbar.tsx b/client/src/components/Navbar.tsx
index def6d3b..aebbf99 100644
--- a/client/src/components/Navbar.tsx
+++ b/client/src/components/Navbar.tsx
@@ -1,44 +1,62 @@
-import React from 'react';
+import React, { Fragment, useState } from 'react';
import logo from '../resources/logo.svg';
import { useSelector } from 'react-redux';
import { RootState } from '../store/reducers/root';
import { Config } from '../config';
+import { Link } from 'react-router-dom';
export function Navbar() {
const isAuthenticated = useSelector
(state => state.auth.isAuthenticated);
+
+ const [ isActive, setActive ] = useState(false);
+
+ const toggleMenu = () => {
+ setActive(active => !active);
+ };
return (