named export hook

ethereum · Jul 26, 2024 · eba5968 · eba5968
1 parent 572ab9e
commit eba5968
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 5 deletions.
diff --git a/src/components/Nav/Mobile/LvlAccordion.tsx b/src/components/Nav/Mobile/LvlAccordion.tsx
@@ -57,7 +57,7 @@ const LvlAccordion = ({
             <AccordionItem
               key={label}
               value={label}
-              className={cn("border-t border-body-light last:border-b")}
+              className="border-t border-body-light last:border-b"
             >
               <AccordionPrimitive.Trigger asChild>
                 {/* TODO: replace this with ButtonLink when is implemented */}

diff --git a/src/components/Nav/Mobile/index.tsx b/src/components/Nav/Mobile/index.tsx
@@ -14,7 +14,7 @@ import MenuBody from "./MenuBody"
 import MenuFooter from "./MenuFooter"
 import MenuHeader from "./MenuHeader"
 
-import useDisclosure from "@/hooks/useDisclosure"
+import { useDisclosure } from "@/hooks/useDisclosure"
 
 type MobileNavMenuProps = ButtonProps & {
   toggleColorMode: () => void

diff --git a/src/hooks/useDisclosure.ts b/src/hooks/useDisclosure.ts
@@ -4,7 +4,7 @@ import { useBoolean } from "usehooks-ts"
  * Hook that provides a more semantic API for managing the open/close state of a
  * modal, dropdown, or any other component that can be opened and closed.
  */
-function useDisclosure(defaultValue = false) {
+export const useDisclosure = (defaultValue = false) => {
   const { value, setTrue, setFalse, toggle } = useBoolean(defaultValue)
 
   return {
@@ -14,5 +14,3 @@ function useDisclosure(defaultValue = false) {
     onToggle: toggle,
   }
 }
-
-export default useDisclosure