rename isNavOpened

darkroomengineering · Oct 12, 2023 · 65e707e · 65e707e · github-actions · Oct 12, 2023
1 parent 090b555
commit 65e707e
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 12 deletions.
diff --git a/components/header/index.js b/components/header/index.js
@@ -6,8 +6,8 @@ import { forwardRef } from 'react'
 import s from './header.module.scss'
 
 export const Header = forwardRef((_, ref) => {
-  const [navIsOpened, setNavIsOpened] = useStore(
-    ({ navIsOpened, setNavIsOpened }) => [navIsOpened, setNavIsOpened],
+  const [isNavOpened, setIsNavOpened] = useStore(
+    ({ isNavOpened, setIsNavOpened }) => [isNavOpened, setIsNavOpened],
   )
 
   return (
@@ -16,7 +16,7 @@ export const Header = forwardRef((_, ref) => {
       <div className={cn('layout-block', s.head)}>
         <button
           onClick={() => {
-            setNavIsOpened(!navIsOpened)
+            setIsNavOpened(!isNavOpened)
           }}
         >
           menu

diff --git a/components/navigation/index.js b/components/navigation/index.js
@@ -7,15 +7,15 @@ import { useEffect } from 'react'
 import s from './navigation.module.scss'
 
 export function Navigation() {
-  const [navIsOpened, setNavIsOpened] = useStore(
-    ({ navIsOpened, setNavIsOpened }) => [navIsOpened, setNavIsOpened],
+  const [isNavOpened, setIsNavOpened] = useStore(
+    ({ isNavOpened, setIsNavOpened }) => [isNavOpened, setIsNavOpened],
   )
 
   const router = useRouter()
 
   useEffect(() => {
     function onRouteChange() {
-      setNavIsOpened(false)
+      setIsNavOpened(false)
     }
 
     router.events.on('routeChangeStart', onRouteChange)
@@ -26,7 +26,7 @@ export function Navigation() {
   }, [])
 
   return (
-    <Lenis className={cn(s.navigation, !navIsOpened && s.closed)}>
+    <Lenis className={cn(s.navigation, !isNavOpened && s.closed)}>
       <div className={s.content}>
         <Link href="/">home</Link>
         <Link href="/contact">contact</Link>

diff --git a/libs/store.js b/libs/store.js
@@ -3,8 +3,8 @@ import { createWithEqualityFn } from 'zustand/traditional'
 
 export const useStore = createWithEqualityFn(
   (set) => ({
-    navIsOpened: false,
-    setNavIsOpened: (value) => set({ navIsOpened: value }),
+    isNavOpened: false,
+    setIsNavOpened: (value) => set({ isNavOpened: value }),
   }),
   shallow,
 )
diff --git a/pages/_app.js b/pages/_app.js
@@ -52,15 +52,15 @@ function MyApp({ Component, pageProps }) {
   const lenis = useLenis(ScrollTrigger.update)
   useEffect(ScrollTrigger.refresh, [lenis])
 
-  const navIsOpened = useStore(({ navIsOpened }) => navIsOpened)
+  const isNavOpened = useStore(({ isNavOpened }) => isNavOpened)
 
   useEffect(() => {
-    if (navIsOpened) {
+    if (isNavOpened) {
       lenis?.stop()
     } else {
       lenis?.start()
     }
-  }, [lenis, navIsOpened])
+  }, [lenis, isNavOpened])
 
   return (
     <>