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 (