✨ 좌상단 로고 클릭 시 메인 페이지 이동

Nexters · Mar 2, 2024 · 5432d2e · 5432d2e
1 parent c1ab56b
commit 5432d2e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/src/components/global-navigation-bar/GlobalNavigationBar.css.ts b/src/components/global-navigation-bar/GlobalNavigationBar.css.ts
@@ -22,6 +22,10 @@ export const wrapper = style([
     },
 ]);
 
+export const audyLogo = style({
+    cursor: 'pointer',
+})
+
 export const leftContainer = style({
     display: 'flex',
     alignItems: 'center',

diff --git a/src/components/global-navigation-bar/GlobalNavigationBar.tsx b/src/components/global-navigation-bar/GlobalNavigationBar.tsx
@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 
-import { useLocation } from 'react-router-dom';
+import { useLocation, useNavigate } from 'react-router-dom';
 
 import AudyLogoIcon from '@/assets/icons/audyLogo.svg?react';
 import SettingIcon from '@/assets/icons/setting.svg?react';
@@ -16,6 +16,7 @@ import * as S from './GlobalNavigationBar.css';
 const GlobalNavigationBar = () => {
     const { pathname } = useLocation();
     const { openModal } = useModal();
+    const navigate = useNavigate();
 
     const [isSaving, setIsSaving] = useState(false);
 
@@ -50,10 +51,17 @@ const GlobalNavigationBar = () => {
         };
     }, []);
 
+    const handleAudyLogoClick = () => {
+        navigate('/');
+    };
+
     return (
         <div className={S.wrapper}>
             <div className={S.leftContainer}>
-                <AudyLogoIcon />
+                <AudyLogoIcon
+                    className={S.audyLogo}
+                    onClick={handleAudyLogoClick}
+                />
                 {isSaving && (
                     <p className={S.savingStatus}>수정된 코스 저장중...</p>
                 )}