utilize Link enum

firehawk89 · Feb 13, 2024 · 1a56305 · 1a56305
1 parent 298ed1e
commit 1a56305
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/src/components/header/header-navbar.tsx b/src/components/header/header-navbar.tsx
@@ -5,6 +5,7 @@ import MenuItem from '@/components/header/menu/menu-item'
 import Socials from '@/components/ui/socials'
 import useMediaQuery from '@/hooks/use-media-query'
 import HeaderContext from '@/store/header-context'
+import { LINK } from '@/types/enums/Link'
 import { MOBILE_BREAKPOINT, cn } from '@/utils'
 import { FC, HTMLAttributes, useContext } from 'react'
 
@@ -27,9 +28,9 @@ const HeaderNavbar: FC<HeaderNavbarProps> = ({ className, ...props }) => {
         className="mx-auto uppercase"
         orientation={isMobile ? 'vertical' : 'horizontal'}
       >
-        <MenuItem href="/#about-me">About Me</MenuItem>
-        <MenuItem href="/#my-projects">My Projects</MenuItem>
-        <MenuItem href="/#contact-me">Contact Me</MenuItem>
+        <MenuItem href={LINK.about}>About Me</MenuItem>
+        <MenuItem href={LINK.projects}>My Projects</MenuItem>
+        <MenuItem href={LINK.contact}>Contact Me</MenuItem>
       </Menu>
       <Socials className="mt-6 justify-center md:hidden" />
     </nav>

diff --git a/src/components/sections/hero/hero.tsx b/src/components/sections/hero/hero.tsx
@@ -2,6 +2,7 @@ import { buttonVariants } from '@/components/ui/button'
 import Content from '@/components/ui/content'
 import Heading from '@/components/ui/heading'
 import Socials from '@/components/ui/socials'
+import { LINK } from '@/types/enums/Link'
 import { cn } from '@/utils'
 import Image from 'next/image'
 import Link from 'next/link'
@@ -40,7 +41,7 @@ const Hero: FC<HeroProps> = ({ className, ...props }) => {
         </article>
         <Link
           className={cn('mt-5', buttonVariants({ variant: 'outline' }))}
-          href="/#my-projects"
+          href={LINK.projects}
         >
           My Projects
         </Link>

diff --git a/src/components/ui/logo.tsx b/src/components/ui/logo.tsx
@@ -1,6 +1,7 @@
 'use client'
 
 import HeaderContext from '@/store/header-context'
+import { LINK } from '@/types/enums/Link'
 import { cn } from '@/utils'
 import Link from 'next/link'
 import { AnchorHTMLAttributes, FC, useContext } from 'react'
@@ -13,7 +14,7 @@ const Logo: FC<LogoProps> = ({ className, ...props }) => {
   return (
     <Link
       className={cn('text-3xl font-bold text-accent', className)}
-      href="/"
+      href={LINK.index}
       onClick={closeMenu}
       {...props}
     >