From 3ae9632e4098f482d108e7f8e113e3d938448d9d Mon Sep 17 00:00:00 2001
From: Owen Rees <owenrees82@gmail.com>
Date: Mon, 27 Nov 2023 11:17:56 +0100
Subject: [PATCH] hamburger close on footer item click

---
 src/app/[locale]/components/Footer.tsx        | 5 ++++-
 src/app/[locale]/components/HamburgerMenu.tsx | 2 --
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/app/[locale]/components/Footer.tsx b/src/app/[locale]/components/Footer.tsx
index ea1ed96..f79f335 100644
--- a/src/app/[locale]/components/Footer.tsx
+++ b/src/app/[locale]/components/Footer.tsx
@@ -5,10 +5,13 @@ import { FaGithub, FaRegEnvelope } from "react-icons/fa";
 
 import { Link, usePathname } from "@/utils/navigation";
 
+import { useSetAtom } from "jotai";
+import { burgerMenuIsOpenAtom } from "@/atoms";
 import ThemeSwitcher from "./ThemeSwitcher";
 
 export default function Footer() {
   const t = useTranslations("Footer");
+  const setBurgerMenuIsOpen = useSetAtom(burgerMenuIsOpenAtom);
   const pathname = usePathname();
 
   return (
@@ -16,7 +19,7 @@ export default function Footer() {
       className="fixed bottom-0 z-30 flex h-12 w-[100vw] flex-col items-center justify-center justify-items-center bg-primary-600 px-5 py-2 text-white dark:bg-gray-700"
       data-test="footer"
     >
-      <div className="flex items-center py-2 hover:[&_a]:opacity-80">
+      <div className="flex items-center py-2 hover:[&_a]:opacity-80" onClick={() => setBurgerMenuIsOpen(false)}>
         <a
           href="https://github.com/TheRealOwenRees/echecsfrance"
           target="_blank"
diff --git a/src/app/[locale]/components/HamburgerMenu.tsx b/src/app/[locale]/components/HamburgerMenu.tsx
index bdcc462..bac4c40 100644
--- a/src/app/[locale]/components/HamburgerMenu.tsx
+++ b/src/app/[locale]/components/HamburgerMenu.tsx
@@ -1,5 +1,3 @@
-import { Dispatch, RefObject, SetStateAction, useRef, useState } from "react";
-
 import { useAtom } from "jotai";
 import { useTranslations } from "next-intl";
 import { twMerge } from "tailwind-merge";