fix: 클릭 cursor UI 변경

4bujak-4bujak · Jun 12, 2024 · b1c993e · b1c993e
1 parent d0809a2
commit b1c993e
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 21 deletions.
diff --git 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
@@ -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
@@ -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="">