From 1a563059cd13e4b9d82a0b21609a34dbeb6520ba Mon Sep 17 00:00:00 2001
From: Bochkovskyi <unundertale1@ukr.net>
Date: Tue, 13 Feb 2024 09:30:10 +0200
Subject: [PATCH] utilize Link enum

---
 src/components/header/header-navbar.tsx | 7 ++++---
 src/components/sections/hero/hero.tsx   | 3 ++-
 src/components/ui/logo.tsx              | 3 ++-
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/header/header-navbar.tsx b/src/components/header/header-navbar.tsx
index 9e9d8bb..94fe499 100644
--- 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
index 1d323ad..8ba18bc 100644
--- 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
index 099525d..3c64032 100644
--- 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}
     >