From eb7dc6db328f2c1ac27e3adc8ef1e8d28f228d9a Mon Sep 17 00:00:00 2001
From: Nounspace Ryan <ryan@nounspace.com>
Date: Mon, 29 Jul 2024 14:59:50 -0500
Subject: [PATCH] fix: type error, lint warnings

---
 .../components/organisms/Navigation.tsx       | 21 +++++++------------
 .../components/organisms/SearchModal.tsx      |  1 -
 src/pages/explore/index.tsx                   |  6 +-----
 3 files changed, 8 insertions(+), 20 deletions(-)

diff --git a/src/common/components/organisms/Navigation.tsx b/src/common/components/organisms/Navigation.tsx
index 694135ab..fff981c7 100644
--- a/src/common/components/organisms/Navigation.tsx
+++ b/src/common/components/organisms/Navigation.tsx
@@ -1,10 +1,4 @@
-import React, {
-  useCallback,
-  useEffect,
-  useMemo,
-  useState,
-  useRef,
-} from "react";
+import React, { useCallback, useMemo, useState, useRef } from "react";
 import { useRouter } from "next/router";
 import { mergeClasses } from "@/common/lib/utils/mergeClasses";
 import BrandHeader from "../molecules/BrandHeader";
@@ -14,13 +8,11 @@ import Modal from "../molecules/Modal";
 import CreateCast from "@/fidgets/farcaster/components/CreateCast";
 import Link from "next/link";
 import { useFarcasterSigner } from "@/fidgets/farcaster";
-import { CgLogIn, CgLogOut, CgProfile } from "react-icons/cg";
+import { CgProfile } from "react-icons/cg";
 import { useLoadFarcasterUser } from "@/common/data/queries/farcaster";
 import { first } from "lodash";
-import { IoMdRocket } from "react-icons/io";
 import { Button } from "../atoms/button";
 import { FaPaintbrush, FaDiscord } from "react-icons/fa6";
-import { PiGlobeHemisphereEastBold } from "react-icons/pi";
 import { NOUNISH_LOWFI_URL } from "@/constants/nounishLowfi";
 import { UserTheme } from "@/common/lib/theme";
 import { useUserTheme } from "@/common/lib/theme/UserThemeProvider";
@@ -34,12 +26,14 @@ type NavItemProps = {
   label: string;
   active?: boolean;
   Icon: React.FC;
-  href?: string;
+  href: string;
   disable?: boolean;
   openInNewTab?: boolean;
   onClick?: () => void;
 };
 
+type NavButtonProps = Omit<NavItemProps, "href" | "openInNewTab">;
+
 type NavProps = {
   isEditable: boolean;
   enterEditMode: () => void;
@@ -115,17 +109,16 @@ const Navigation: React.FC<NavProps> = ({ isEditable, enterEditMode }) => {
     );
   };
 
-  const NavButton: React.FC<NavItemProps> = ({
+  const NavButton: React.FC<NavButtonProps> = ({
     label,
     Icon,
-    href,
     onClick,
     disable = false,
-    openInNewTab = false,
   }) => {
     return (
       <li>
         <button
+          disabled={disable}
           className={mergeClasses(
             "flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 group w-full",
           )}
diff --git a/src/common/components/organisms/SearchModal.tsx b/src/common/components/organisms/SearchModal.tsx
index ffbf974c..c5b4d3a8 100644
--- a/src/common/components/organisms/SearchModal.tsx
+++ b/src/common/components/organisms/SearchModal.tsx
@@ -2,7 +2,6 @@ import React, {
   useState,
   useEffect,
   useCallback,
-  useRef,
   useImperativeHandle,
 } from "react";
 import { Dialog, DialogContent } from "@/common/components/atoms/dialog";
diff --git a/src/pages/explore/index.tsx b/src/pages/explore/index.tsx
index 8a33b547..1a55c119 100644
--- a/src/pages/explore/index.tsx
+++ b/src/pages/explore/index.tsx
@@ -37,11 +37,7 @@ export default function Explore({ posts }) {
       <div className="flex w-full h-full">
         {/* Sidebar */}
         <div className="flex mx-auto transition-all duration-100 ease-out z-10">
-          <Navigation
-            isEditable={false}
-            enterEditMode={() => {}}
-            theme={homebaseConfig?.theme}
-          />
+          <Navigation isEditable={false} enterEditMode={() => {}} />
         </div>
 
         {/* Main Content */}