From c6632e1074161f7afc9b76be261b1fb25b7c825c Mon Sep 17 00:00:00 2001
From: nicolasito1411 <60229704+Marchand-Nicolas@users.noreply.github.com>
Date: Wed, 27 Sep 2023 17:04:40 +0200
Subject: [PATCH] fix: quiz and navbar

---
 components/UI/navbar.tsx | 2 +-
 components/quiz/quiz.tsx | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/UI/navbar.tsx b/components/UI/navbar.tsx
index 5221f951..49bce600 100644
--- a/components/UI/navbar.tsx
+++ b/components/UI/navbar.tsx
@@ -152,7 +152,7 @@ const Navbar: FunctionComponent = () => {
 
   return (
     <>
-      <div className={`fixed w-full z-[1]`}>
+      <div className={`fixed w-full z-[1]`} id="nav">
         <div
           className={`${styles.navbarContainer} ${
             navbarBg ? styles.navbarScrolled : ""
diff --git a/components/quiz/quiz.tsx b/components/quiz/quiz.tsx
index 2e4d8cbf..61732eba 100644
--- a/components/quiz/quiz.tsx
+++ b/components/quiz/quiz.tsx
@@ -38,13 +38,16 @@ const Quiz: FunctionComponent<QuizProps> = ({
   useEffect(() => {
     const documentBody = document.querySelector("body");
     const footer = document.querySelector("footer");
+    const navbar = document.getElementById("nav");
     // Mount
     if (documentBody) documentBody.style.overflow = "hidden";
     if (footer) footer.style.display = "none";
+    if (navbar) navbar.style.display = "none";
     // Unmount
     return () => {
       if (documentBody) documentBody.style.removeProperty("overflow");
       if (footer) footer.style.removeProperty("display");
+      if (navbar) navbar.style.removeProperty("display");
     };
   }, []);