Add root utils

Author: owjs3901

apps/landing/src/components/Header/HeaderWrap.tsx

@@ -4,14 +4,16 @@ import { Box, Flex } from '@devup-ui/react'
 import { usePathname, useSearchParams } from 'next/navigation'
 import { Suspense } from 'react'
 
+import { isRoot } from '../../utils/is-root'
+
 export function HeaderWrap({ children }: { children: React.ReactNode }) {
   const path = usePathname()
-  const isRoot = path === '/'
+  const root = isRoot(path)
   return (
     <Box
-      pos={isRoot ? 'fixed' : 'sticky'}
-      pt={isRoot ? [null, null, 5] : undefined}
-      px={isRoot ? [null, null, 4] : undefined}
+      pos={root ? 'fixed' : 'sticky'}
+      pt={root ? [null, null, 5] : undefined}
+      px={root ? [null, null, 4] : undefined}
       top="0"
       transition="all, 0.2s"
       w="100%"
@@ -26,18 +28,17 @@ export function HeaderWrap({ children }: { children: React.ReactNode }) {
 
 function HeaderWrapInner({ children }: { children: React.ReactNode }) {
   const path = usePathname()
-  const isRoot = path === '/'
-  console.info('isRoot', isRoot, path)
+  const root = isRoot(path)
   const menu = useSearchParams().get('menu') === '1'
   return (
     <Flex
       alignItems="center"
       bg="$containerBackground"
-      borderRadius={isRoot ? [null, null, '16px'] : undefined}
+      borderRadius={root ? [null, null, '16px'] : undefined}
       boxShadow="0px 2px 8px 0px var(--shadow, rgba(135, 135, 135, 0.25))"
       h={['50px', null, '70px']}
       justifyContent="space-between"
-      maxW={isRoot ? '1440px' : '100%'}
+      maxW={root ? '1440px' : '100%'}
       mx="auto"
       pl={[menu ? null : 4, 5, '40px']}
       pr={[null, 5, '40px']}

apps/landing/src/utils/is-root.ts

@@ -0,0 +1,5 @@
+import { URL_PREFIX } from '../constants'
+
+export function isRoot(path: string) {
+  return URL_PREFIX + '/' === path
+}