diff --git a/src/components/layout/header/logo.tsx b/src/components/layout/header/logo.tsx index e12ef01..3001560 100644 --- a/src/components/layout/header/logo.tsx +++ b/src/components/layout/header/logo.tsx @@ -1,19 +1,22 @@ import logo from '@/assets/images/logo.svg'; import { cn } from '@/lib/utils/cn'; import Image from 'next/image'; +import Link from 'next/link'; const Logo = () => { return ( -
- 더 줄게 -
+

+ + 더 줄게 로고 + +

); }; export default Logo; diff --git a/src/components/layout/header/nav.tsx b/src/components/layout/header/nav.tsx index 762ef80..6154791 100644 --- a/src/components/layout/header/nav.tsx +++ b/src/components/layout/header/nav.tsx @@ -3,38 +3,42 @@ import useAuth from '@/hooks/useAuth'; import { cn } from '@/lib/utils/cn'; import { UserRole } from '@/types/user'; import Link from 'next/link'; -import { ReactNode } from 'react'; -const NAV_CONFIG: Record = { - guest: ( - <> - 로그인 - 회원가입 - - ), - employee: ( - <> - 내 프로필 - - ), - employer: ( - <> - 내 가게 - - ), +interface NavItems { + href: string; + label: string; +} + +const NAV_ITEMS: Record = { + guest: [ + { href: '/login', label: '로그인' }, + { href: '/signup', label: '회원가입' }, + ], + employee: [{ href: '/my-profile', label: '내 프로필' }], + employer: [{ href: '/my-shop', label: '내 가게' }], }; +const getNavVariant = (isLogin: boolean, role: UserRole): UserRole => + !isLogin ? 'guest' : role === 'employer' ? 'employer' : 'employee'; + const Nav = () => { const { role, isLogin, logout } = useAuth(); - const navRole: UserRole = !isLogin ? 'guest' : role === 'employer' ? 'employer' : 'employee'; + const navVariant = getNavVariant(isLogin, role); return (