From b1c993e5e19c674c59607f49d8cf5c54f20076d9 Mon Sep 17 00:00:00 2001
From: eunhak <akfmzh1207@naver.com>
Date: Thu, 13 Jun 2024 00:34:22 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=ED=81=B4=EB=A6=AD=20cursor=20UI=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/home/MainHeader.tsx   |  6 ++---
 src/components/home/OfficeNotice.tsx | 40 ++++++++++++++++------------
 src/components/map/BranchInfo.tsx    |  6 ++++-
 3 files changed, 31 insertions(+), 21 deletions(-)

diff --git a/src/components/home/MainHeader.tsx b/src/components/home/MainHeader.tsx
index 83ee013..8cb23f8 100644
--- a/src/components/home/MainHeader.tsx
+++ b/src/components/home/MainHeader.tsx
@@ -10,11 +10,11 @@ const MainHeader = () => {
         <div className="w-[116px] h-8 cursor-pointer">
           <img src="/OffispaceLogo.png" alt="" className="w-full" />
         </div>
-        <div className="flex justify-center items-center gap-6">
-          <div onClick={() => router.push('mypage/question')}>
+        <div className="flex justify-center items-center gap-6 ">
+          <div className="cursor-pointer" onClick={() => router.push('mypage/question')}>
             <img src="/home/Inquiry_white.svg" alt="" />
           </div>
-          <div onClick={() => router.push('/notification')}>
+          <div className="cursor-pointer" onClick={() => router.push('/notification')}>
             <img src="/home/Notification_white.svg" alt="" />
           </div>
         </div>
diff --git a/src/components/home/OfficeNotice.tsx b/src/components/home/OfficeNotice.tsx
index 059c55e..28afdda 100644
--- a/src/components/home/OfficeNotice.tsx
+++ b/src/components/home/OfficeNotice.tsx
@@ -15,28 +15,34 @@ const OfficeNotice: React.FC = () => {
       const data = await getSelectedOfficeInfo(selectedBranch!.branchName);
       const officeInfo = data.data;
       console.log(officeInfo);
-      router.push({
-        pathname: `/branches/${encodeURIComponent(selectedBranch!.branchName)}`,
-        query: {
-          name: selectedBranch!.branchName,
-          urgentNoticeTitle,
-          urgentNoticeContent,
-          address: officeInfo.branchAddress,
-          branchPhoneNumber: officeInfo.branchPhoneNumber,
-          roadFromStation: officeInfo.roadFromStation,
-          stationToBranch: officeInfo.stationToBranch.join(','),
-          branchId: officeInfo.branchId as number,
-          scrollToOffice: true
-        }
-      }, `/branches/${encodeURIComponent(selectedBranch!.branchName)}`);
+      router.push(
+        {
+          pathname: `/branches/${encodeURIComponent(selectedBranch!.branchName)}`,
+          query: {
+            name: selectedBranch!.branchName,
+            urgentNoticeTitle,
+            urgentNoticeContent,
+            address: officeInfo.branchAddress,
+            branchPhoneNumber: officeInfo.branchPhoneNumber,
+            roadFromStation: officeInfo.roadFromStation,
+            stationToBranch: officeInfo.stationToBranch.join(','),
+            branchId: officeInfo.branchId as number,
+            scrollToOffice: true
+          }
+        },
+        `/branches/${encodeURIComponent(selectedBranch!.branchName)}`
+      );
     } catch (error) {
       console.error('Error fetching office info:', error);
     }
   };
-  
+
   return (
     <>
-  <div className="w-full h-12 mt-7 flex items-center gap-[13px] px-[13px] py-[14px] rounded shadow border border-gray-200" style={{ backgroundColor: 'rgb(228, 224, 245)' }}>
+      <div
+        onClick={handleOfficeInfo}
+        className=" cursor-pointer w-full h-12 mt-7 flex items-center gap-[13px] px-[13px] py-[14px] rounded shadow border border-gray-200"
+        style={{ backgroundColor: 'rgb(228, 224, 245)' }}>
         <div>
           <img src="/home/notice.svg" alt="" />
         </div>
@@ -46,7 +52,7 @@ const OfficeNotice: React.FC = () => {
             {urgentNoticeTitle ? urgentNoticeTitle : '긴급 공지가 없습니다.'}
           </div>
           {urgentNoticeContent && (
-            <div onClick={handleOfficeInfo} className="cursor-pointer">
+            <div className="">
               <img src="/home/toNext.svg" alt="" />
             </div>
           )}
diff --git a/src/components/map/BranchInfo.tsx b/src/components/map/BranchInfo.tsx
index 2a9c836..7cda9f9 100644
--- a/src/components/map/BranchInfo.tsx
+++ b/src/components/map/BranchInfo.tsx
@@ -184,7 +184,11 @@ const BranchInfo: React.FC = () => {
   return (
     <section className="w-full h-full">
       <header className="top-0 left-0 right-0 bg-white z-50 py-4 flex items-center">
-        <IoIosArrowRoundBack size={40} className="ml-[6px]" onClick={handleBackClick} />
+        <IoIosArrowRoundBack
+          size={40}
+          className="ml-[6px]  cursor-pointer"
+          onClick={handleBackClick}
+        />
         <span className="text-lg font-semibold ml-[8px]">{branchName}</span>
       </header>
       <div className="">