rever "fix : Bug title not change on first click" (#63)

PriyansuMaurya · Nov 5, 2023 · 132bd35 · 132bd35 · vercel · Nov 5, 2023
1 parent 4be326b
commit 132bd35
Showing 1 changed file with 30 additions and 22 deletions.
diff --git a/components/NavigationLinks.tsx b/components/NavigationLinks.tsx
@@ -7,7 +7,7 @@ import useMediaQuery from "@mui/material/useMediaQuery";
 export default function NavigationLinks() {
   const [activeSection, setActiveSection] = useState("");
 
-  const handleSectionClick = (section: string) => {
+  const handleSectionClick = (section) => {
     setActiveSection(section);
   };
 
@@ -23,11 +23,16 @@ export default function NavigationLinks() {
     },
   };
 
+  const handleToolsClick = () => {
+    document.title = "AI Fusion - Tools";
+  };
 
-  const handleClick = (event: React.MouseEvent<HTMLAnchorElement>, title: string) => {
-    event.preventDefault();
+  const handlePromptsClick = () => {
+    document.title = "AI Fusion - Prompts";
+  };
 
-    document.title = `AI Fusion | ${title}`;
+  const handleDatasetsClick = () => {
+    document.title = "AI Fusion - Datasets";
   };
 
   return (
@@ -38,40 +43,43 @@ export default function NavigationLinks() {
     >
       <div className="w-50 border border-[--dark-bg] dark:border-[--light-bg] rounded-3xl flex flex-row justify-evenly items-center">
         <Link
-          className={`w-24 text-center font-semibold ${activeSection === "tools"
-            ? "bg-green-500 text-white"
-            : "hover:bg-[color:var(--primary-color)] hover:text-white focus:bg-[--primary-color]"
-            } rounded-l-3xl transition px-4 py-2`}
+          className={`w-24 text-center font-semibold ${
+            activeSection === "tools"
+              ? "bg-green-500 text-white"
+              : "hover:bg-[color:var(--primary-color)] hover:text-white focus:bg-[--primary-color]"
+          } rounded-l-3xl transition px-4 py-2`}
           href="/tools"
-          onClick={(event) => {
+          onClick={() => {
             handleSectionClick("tools");
-            handleClick(event, "Tools");
+            handleToolsClick();
           }}
         >
           Tools
         </Link>
         <Link
-          className={`w-24 text-center font-semibold ${activeSection === "prompts"
-            ? "bg-green-500 text-white"
-            : "hover:bg-[color:var(--primary-color)] hover:text-white focus:bg-[--primary-color]"
-            } transition px-4 py-2`}
+          className={`w-24 text-center font-semibold ${
+            activeSection === "prompts"
+              ? "bg-green-500 text-white"
+              : "hover:bg-[color:var(--primary-color)] hover:text-white focus:bg-[--primary-color]"
+          } transition px-4 py-2`}
           href="/prompts"
-          onClick={(event) => {
+          onClick={() => {
             handleSectionClick("prompts");
-            handleClick(event, "Prompts");
+            handlePromptsClick();
           }}
         >
           Prompts
         </Link>
         <Link
-          className={`w-24 text-center font-semibold ${activeSection === "datasets"
-            ? "bg-green-500 text-white"
-            : "hover:bg-[color:var(--primary-color)] hover:text-white focus:bg-[--primary-color]"
-            } rounded-r-3xl transition px-4 py-2`}
+          className={`w-24 text-center font-semibold ${
+            activeSection === "datasets"
+              ? "bg-green-500 text-white"
+              : "hover:bg-[color:var(--primary-color)] hover:text-white focus:bg-[--primary-color]"
+          } rounded-r-3xl transition px-4 py-2`}
           href="/datasets"
-          onClick={(event) => {
+          onClick={() => {
             handleSectionClick("datasets");
-            handleClick(event, "Datasets");
+            handleDatasetsClick();
           }}
         >
           Datasets