♻️ Navbar Theme Toggle Issue Fixed (HITK-TECH-Community#646)

chait04 · May 15, 2021 · 63e826c · 63e826c
1 parent 5be54b9
commit 63e826c
Show file tree

Hide file tree

Showing 3 changed files with 121 additions and 0 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/src/components/Navbar/Navbar.jsx b/frontend/src/components/Navbar/Navbar.jsx
@@ -129,6 +129,7 @@ export const Navbar = (props) => {
               class={style["mobile-toggle"]}
               handleClick={props.handleClick}
               theme={props.theme}
+              closeMobileMenu={closeMobileMenu}
             />
           </li>
         </ul>
@@ -148,6 +149,7 @@ export const Navbar = (props) => {
           class={style["nav-toggle"]}
           handleClick={props.handleClick}
           theme={props.theme}
+          closeMobileMenu={closeMobileMenu}
         />
       </nav>
     </Fragment>

diff --git a/frontend/src/components/util/Toggle/Toggle.jsx b/frontend/src/components/util/Toggle/Toggle.jsx
@@ -12,6 +12,7 @@ export const Toggle = (props) => {
         className={style["checkbox"]}
         checked={props.theme}
         onChange={() => props.handleClick()}
+        onClick={props.closeMobileMenu}
       />
       <label htmlFor="check" className={style["label"]}>
         <i className={`fas fa-moon ${style["moon"]}`}></i>