From 8039528f61beb3909c7980cf98ca7bd45d1500a3 Mon Sep 17 00:00:00 2001
From: Dmitry <98899785+mdqst@users.noreply.github.com>
Date: Thu, 25 Sep 2025 13:21:14 +0300
Subject: [PATCH] fix: type safety and component props issues across TopNav and
 Dialog

---
 src/app/_components/TopNav.tsx | 77 ++++++++++++++++++----------------
 1 file changed, 42 insertions(+), 35 deletions(-)

diff --git a/src/app/_components/TopNav.tsx b/src/app/_components/TopNav.tsx
index 4b82232..2af1e21 100644
--- a/src/app/_components/TopNav.tsx
+++ b/src/app/_components/TopNav.tsx
@@ -16,9 +16,14 @@ import { ConnectModal } from "./ConnectModal";
 
 import "./TopNav.css";
 
-export const TopNavContext = createContext({
+interface TopNavContextType {
+  show: boolean;
+  setShow: React.Dispatch<React.SetStateAction<boolean>>;
+}
+
+export const TopNavContext = createContext<TopNavContextType>({
   show: false,
-  setShow: (_: boolean) => { },
+  setShow: () => {},
 });
 
 export function TopNavProvider({ children }: PropsWithChildren) {
@@ -53,16 +58,16 @@ export function TopNav() {
                 alt="Paradigm Logo"
                 className="h-[60px] ml-[-8px]"
                 src="/images/paradigm-transparent.svg"
-                width="153"
-                height="60"
+                width={153}
+                height={60}
               />
             </div>
             <div className="flex sm:hidden">
               <Image
                 alt="Frontiers logo"
                 src="/images/frontiers.svg"
-                width="111"
-                height="25"
+                width={111}
+                height={25}
               />
             </div>
             <div className="absolute left-[50%] -translate-x-1/2 hidden sm:block">
@@ -78,56 +83,58 @@ export function TopNav() {
                 </Button>
               </WithCursor>
             </div>
-            <Dialog.Trigger className="sm:hidden">
-              <svg
-                width="24"
-                height="24"
-                viewBox="0 0 24 24"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title>Menu</title>
-                <path
-                  d="M3 5H21M3 12H21M3 19H21"
-                  stroke="white"
-                  strokeWidth="1.5"
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                />
-              </svg>
+            <Dialog.Trigger asChild>
+              <button className="sm:hidden">
+                <svg
+                  width="24"
+                  height="24"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <title>Menu</title>
+                  <path
+                    d="M3 5H21M3 12H21M3 19H21"
+                    stroke="white"
+                    strokeWidth="1.5"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  />
+                </svg>
+              </button>
             </Dialog.Trigger>
           </div>
         </div>
         <Dialog.Content className="bg-black p-[32px] bg-opacity-90 border border-white border-opacity-20 animate-[0.1s_nav-enter_ease] rounded-[40px]">
           <nav className="flex flex-col items-center gap-8">
             <Text asChild fontFamily="typewriter" size="24">
-              <Dialog.Close asChild className="focus:outline-none">
-                <a href="#to-our-builders" className="no-underline text-white hover:opacity-80">MANIFESTO</a>
+              <Dialog.Close asChild>
+                <a href="#to-our-builders" className="focus:outline-none no-underline text-white hover:opacity-80">MANIFESTO</a>
               </Dialog.Close>
             </Text>
             <Text asChild fontFamily="typewriter" size="24">
-              <Dialog.Close asChild className="focus:outline-none">
-                <a href="#agenda" className="no-underline text-white hover:opacity-80">AGENDA</a>
+              <Dialog.Close asChild>
+                <a href="#agenda" className="focus:outline-none no-underline text-white hover:opacity-80">AGENDA</a>
               </Dialog.Close>
             </Text>
             <Text asChild fontFamily="typewriter" size="24">
-              <Dialog.Close asChild className="focus:outline-none">
-                <a href="#speakers" className="no-underline text-white hover:opacity-80">SPEAKERS</a>
+              <Dialog.Close asChild>
+                <a href="#speakers" className="focus:outline-none no-underline text-white hover:opacity-80">SPEAKERS</a>
               </Dialog.Close>
             </Text>
             <Text asChild fontFamily="typewriter" size="24">
-              <Dialog.Close asChild className="focus:outline-none">
-                <a href="#faqs" className="no-underline text-white hover:opacity-80">FAQs</a>
+              <Dialog.Close asChild>
+                <a href="#faqs" className="focus:outline-none no-underline text-white hover:opacity-80">FAQs</a>
               </Dialog.Close>
             </Text>
             <Text asChild fontFamily="typewriter" size="24">
-              <Dialog.Close asChild className="focus:outline-none">
-                <a href="#projects" className="no-underline text-white hover:opacity-80">OPEN SOURCE</a>
+              <Dialog.Close asChild>
+                <a href="#projects" className="focus:outline-none no-underline text-white hover:opacity-80">OPEN SOURCE</a>
               </Dialog.Close>
             </Text>
             <Text asChild fontFamily="typewriter" size="24">
-              <Dialog.Close asChild className="focus:outline-none">
-                <a href="#pre-reads" className="no-underline text-white hover:opacity-80">PRE-READs</a>
+              <Dialog.Close asChild>
+                <a href="#pre-reads" className="focus:outline-none no-underline text-white hover:opacity-80">PRE-READs</a>
               </Dialog.Close>
             </Text>
           </nav>