Close manu when navigating

jpedroschmitz · Oct 27, 2024 · eaa1457 · eaa1457
1 parent 70e69fa
commit eaa1457
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -258,8 +258,8 @@ export default function Homepage() {
       </div>
 
       <footer className="bg-white">
-        <div className="mx-auto max-w-7xl px-6 py-12 text-center lg:px-8">
-          <p className="mt-8 text-center text-sm/6 text-gray-600 md:order-1 md:mt-0">
+        <div className="mx-auto max-w-7xl px-6 pb-12 text-center lg:px-8">
+          <p className="text-center text-sm/6 text-gray-600 md:order-1">
             &copy; {new Date().getFullYear()} Created with ❤️ by{' '}
             <Link href="https://joaopedro.dev">João Pedro Schmitz</Link>
           </p>

diff --git a/src/components/header.tsx b/src/components/header.tsx
@@ -3,7 +3,8 @@
 import { Dialog, DialogPanel } from '@headlessui/react';
 import { Bars3Icon } from '@heroicons/react/24/outline';
 import { XMarkIcon } from '@heroicons/react/24/solid';
-import { useState } from 'react';
+import { useParams } from 'next/navigation';
+import { useEffect, useState } from 'react';
 
 import { Link } from '@/lib/ui/link';
 
@@ -14,8 +15,13 @@ const navigation = [
 ];
 
 export function Header() {
+  const params = useParams();
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
 
+  useEffect(() => {
+    setMobileMenuOpen(false);
+  }, [params]);
+
   return (
     <header className="absolute inset-x-0 top-0 z-50">
       <nav aria-label="Global" className="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8">