feat: 홈화면 구현 #17

IT-Cotato · Jul 28, 2024 · 1300d9c · 1300d9c
2 parents f5ca023 + d5ea75a
commit 1300d9c
Show file tree

Hide file tree

Showing 15 changed files with 544 additions and 4 deletions.
diff --git a/src/assets/imgs/Home/alone.svg b/src/assets/imgs/Home/alone.svg
diff --git a/src/assets/imgs/Home/clock.svg b/src/assets/imgs/Home/clock.svg
diff --git a/src/assets/imgs/Home/friend.svg b/src/assets/imgs/Home/friend.svg
diff --git a/src/assets/imgs/Home/home.svg b/src/assets/imgs/Home/home.svg
diff --git a/src/assets/imgs/Home/midpointLogo.png b/src/assets/imgs/Home/midpointLogo.png
diff --git a/src/assets/imgs/Home/pin.svg b/src/assets/imgs/Home/pin.svg
diff --git a/src/assets/imgs/Home/smallvote.svg b/src/assets/imgs/Home/smallvote.svg
diff --git a/src/assets/imgs/Home/timeLogo.png b/src/assets/imgs/Home/timeLogo.png
diff --git a/src/assets/imgs/Home/vote.svg b/src/assets/imgs/Home/vote.svg
diff --git a/src/assets/imgs/Home/voteLogo.png b/src/assets/imgs/Home/voteLogo.png
diff --git a/src/assets/imgs/Home/w_avatar.png b/src/assets/imgs/Home/w_avatar.png
diff --git a/src/assets/imgs/Location/sharepin.svg b/src/assets/imgs/Location/sharepin.svg
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
@@ -1,17 +1,20 @@
 import MainLogo from '@/assets/imgs/Navbar/mainLogo.svg?react';
-import { Link } from 'react-router-dom';
+import { Link, useNavigate } from 'react-router-dom';
 
 export default function Navbar() {
+  const navigate = useNavigate();
+
   return (
     <header className="w-4/5">
       <nav className="flex items-center justify-between">
         <ul>
           <Link to="/" className="flex items-center gap-2">
             <MainLogo />
-            <span className="text-3xl font-semibold">Syncspot</span>
+            <span className="text-3xl font-semibold">syncspot</span>
           </Link>
         </ul>
-        <ul className="flex items-center gap-6 *:cursor-pointer">
+        <ul className="flex items-center gap-6 *:cursor-pointer *:transition-colors">
+          <li onClick={() => navigate('/')}>홈</li>
           <li>중간지점찾기</li>
           <li>장소투표</li>
           <li>시간투표</li>