From 872bd8b2d05a46bfd032c7a7ff5a2315fe0af97d Mon Sep 17 00:00:00 2001
From: Alezco <benjaminmorali4@hotmail.fr>
Date: Thu, 27 Aug 2020 10:37:38 +0200
Subject: [PATCH] feat: add tooltip on toggle theme button

---
 src/layout/header.tsx | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/layout/header.tsx b/src/layout/header.tsx
index 6148cf96..7f25b221 100644
--- a/src/layout/header.tsx
+++ b/src/layout/header.tsx
@@ -1,5 +1,6 @@
 import { AppBar, Button, Link, Theme, Toolbar } from "@material-ui/core";
 import Box from "@material-ui/core/Box";
+import Tooltip from "@material-ui/core/Tooltip";
 import useMediaQuery from "@material-ui/core/useMediaQuery";
 import Brightness4Icon from "@material-ui/icons/Brightness4";
 import Brightness7Icon from "@material-ui/icons/Brightness7";
@@ -92,17 +93,21 @@ const Header: FC<HeaderProps> = ({ onToggleTheme, theme }) => {
                 >
                   Co-créez Archifiltre
                 </Button>
-                <Button
-                  color="inherit"
-                  onClick={onToggleTheme}
-                  aria-label="Thème clair/sombre"
+                <Tooltip
+                  title={theme === "light" ? "Thème sombre" : "Thème clair"}
                 >
-                  {theme === "light" ? (
-                    <Brightness4Icon />
-                  ) : (
-                    <Brightness7Icon />
-                  )}
-                </Button>
+                  <Button
+                    color="inherit"
+                    onClick={onToggleTheme}
+                    aria-label="Thème clair/sombre"
+                  >
+                    {theme === "light" ? (
+                      <Brightness4Icon />
+                    ) : (
+                      <Brightness7Icon />
+                    )}
+                  </Button>
+                </Tooltip>
               </>
             )}
           </Toolbar>