From 711ee313f58099e13bfdbd5180ef147d4ca512ec Mon Sep 17 00:00:00 2001
From: yoouung <jyp101400@gmail.com>
Date: Thu, 19 Dec 2024 11:06:39 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=ED=91=B8=ED=84=B0=20=EC=9D=B4=EB=AF=B8?=
 =?UTF-8?q?=EC=A7=80=20=EB=B3=80=EA=B2=BD=20=EB=A1=9C=EC=A7=81=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/components/Footer.tsx | 40 +++++++++++++++++++++++++++++------
 1 file changed, 33 insertions(+), 7 deletions(-)

diff --git a/src/app/components/Footer.tsx b/src/app/components/Footer.tsx
index 3c32b64..f077d8d 100644
--- a/src/app/components/Footer.tsx
+++ b/src/app/components/Footer.tsx
@@ -1,30 +1,56 @@
+'use client'
+
 import Image from 'next/image'
 import home from '@images/home.png'
 import course from '@images/course.png'
 import calendar from '@images/calendar.png'
 import my from '@images/my.png'
-import homePurple from '@/images/home_color.png'
+import homePurple from '@images/home_color.png'
 import coursePurple from '@images/course_color.png'
-import myurple from '@images/my_color.png'
-import calendarurple from '@images/calendar_color.png'
+import myPurple from '@images/my_color.png'
+import calendaPurple from '@images/calendar_color.png'
 import Link from 'next/link'
+import { usePathname } from 'next/navigation'
 
 export default function Footer() {
+  const path = usePathname()
+
   return (
     <footer className='fixed bottom-0 shadow-custom max-w-[375px] py-2 text-gray-400 text-base bg-white flex w-full h-50 justify-around items-center'>
       <Link href='/' className='flex flex-col items-center'>
-        <Image src={home} width={25} height={25} alt='홈' />홈
+        <Image
+          src={path === '/' ? homePurple : home}
+          width={25}
+          height={25}
+          alt='홈'
+        />
+        홈
       </Link>
       <Link href='/courses' className='flex flex-col items-center'>
-        <Image src={course} width={25} height={25} alt='코스' />
+        <Image
+          src={path.includes('/courses') ? coursePurple : course}
+          width={25}
+          height={25}
+          alt='코스'
+        />
         코스
       </Link>
       <Link href='/schedules' className='flex flex-col items-center'>
-        <Image src={calendar} width={25} height={25} alt='일정' />
+        <Image
+          src={path.includes('/schedules') ? calendaPurple : calendar}
+          width={25}
+          height={25}
+          alt='일정'
+        />
         일정
       </Link>
       <Link href='/users/1' className='flex flex-col items-center'>
-        <Image src={my} width={25} height={25} alt='마이' />
+        <Image
+          src={path.includes('/users') ? myPurple : my}
+          width={25}
+          height={25}
+          alt='마이'
+        />
         마이
       </Link>
     </footer>