fix: mobile sheet ui fix (#20)

2024-02-09 11:11:58 +08:00
parent 4c32248d86
commit 1939ff4153
2 changed files with 16 additions and 3 deletions
@@ -9,7 +9,13 @@ import { useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
 import { useMediaQuery } from "usehooks-ts";

-export function NavbarMenu({ className }: { className?: string }) {
+export function NavbarMenu({
+  className,
+  closeSheet,
+}: {
+  className?: string;
+  closeSheet?: () => void;
+}) {
  const _isDesktop = useMediaQuery("(min-width: 1024px)");
  const [isDesktop, setIsDesktop] = useState(true);
  useEffect(() => {
@@ -68,6 +74,9 @@ export function NavbarMenu({ className }: { className?: string }) {
              <Link
                key={page.name}
                href={page.path}
+                onClick={() => {
+                  if (!!closeSheet) closeSheet();
+                }}
                className="p-2 hover:bg-gray-100/20 hover:underline"
              >
                {page.name}