From 7d2cb0dd2ee220538b8b3d02e0528dca397c07bf Mon Sep 17 00:00:00 2001
From: Guusvanmeerveld <mail@guusvanmeerveld.dev>
Date: Thu, 24 Mar 2022 21:14:55 +0100
Subject: [PATCH] Upgrade setup-node version Github actions

---
 .github/workflows/deploy.yml    |  4 ++--
 README.md                       |  0
 src/components/Navbar/index.tsx | 29 +++++++++++++++++------------
 3 files changed, 19 insertions(+), 14 deletions(-)
 create mode 100644 README.md

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 3d30413..4bc34db 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -21,7 +21,7 @@ jobs:
         uses: actions/checkout@v2
 
       - name: Setup Node.js
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v2
         with:
           node-version: "16.x"
           cache: "yarn"
@@ -53,7 +53,7 @@ jobs:
         uses: actions/checkout@v2
 
       - name: Setup Node.js
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v2
         with:
           node-version: "16.x"
           cache: "yarn"
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index b66309f..565d11a 100644
--- a/src/components/Navbar/index.tsx
+++ b/src/components/Navbar/index.tsx
@@ -10,6 +10,7 @@ import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
 import IconButton from "@mui/material/IconButton";
 import Toolbar from "@mui/material/Toolbar";
+import Tooltip from "@mui/material/Tooltip";
 import Typography from "@mui/material/Typography";
 
 import History from "@mui/icons-material/History";
@@ -108,18 +109,22 @@ const Navbar: FC = () => {
 						>
 							{pages.map((page, i) => (
 								<Link key={i} href={page.link} passHref>
-									<Button
-										sx={{
-											color: "white",
-											display: { lg: "flex", xs: "none" },
-											alignItems: "center"
-										}}
-									>
-										<Box sx={{ mr: 1, display: "flex", alignItems: "center" }}>
-											{page.icon}
-										</Box>
-										{page.name}
-									</Button>
+									<Tooltip title={`Go to ${page.name}`}>
+										<Button
+											sx={{
+												color: "white",
+												display: { lg: "flex", xs: "none" },
+												alignItems: "center"
+											}}
+										>
+											<Box
+												sx={{ mr: 1, display: "flex", alignItems: "center" }}
+											>
+												{page.icon}
+											</Box>
+											{page.name}
+										</Button>
+									</Tooltip>
 								</Link>
 							))}