From 76160103bda99fbaecb86e13d9454c5c68892899 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=ED=95=B4=EC=A7=84?=
 <86779590+haejinyun@users.noreply.github.com>
Date: Tue, 24 Sep 2024 17:10:59 +0900
Subject: [PATCH] =?UTF-8?q?[=EC=8B=9C=EA=B0=84=ED=91=9C]=20lable=EB=A1=9C?=
 =?UTF-8?q?=20=EC=98=81=EC=97=AD=20=EC=88=98=EC=A0=95=20(#501)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../TimetableSettingModal.module.scss         |  1 +
 .../TimetableSettingModal/index.tsx           | 21 ++++++++++++-------
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/pages/TimetablePage/components/TimetableList/TimetableSettingModal/TimetableSettingModal.module.scss b/src/pages/TimetablePage/components/TimetableList/TimetableSettingModal/TimetableSettingModal.module.scss
index e2b93c93..3030b5b4 100644
--- a/src/pages/TimetablePage/components/TimetableList/TimetableSettingModal/TimetableSettingModal.module.scss
+++ b/src/pages/TimetablePage/components/TimetableList/TimetableSettingModal/TimetableSettingModal.module.scss
@@ -98,6 +98,7 @@
     line-height: 25.6px;
     text-align: left;
     color: #8e8e8e;
+    cursor: pointer;
   }
 
   &__set-default-timetable-message {
diff --git a/src/pages/TimetablePage/components/TimetableList/TimetableSettingModal/index.tsx b/src/pages/TimetablePage/components/TimetableList/TimetableSettingModal/index.tsx
index c68f23ca..378c008f 100644
--- a/src/pages/TimetablePage/components/TimetableList/TimetableSettingModal/index.tsx
+++ b/src/pages/TimetablePage/components/TimetableList/TimetableSettingModal/index.tsx
@@ -13,9 +13,9 @@ import useTokenState from 'utils/hooks/state/useTokenState';
 import styles from './TimetableSettingModal.module.scss';
 
 export interface TimetableSettingModalProps {
-  focusFrame: TimetableFrameInfo
-  setFocusFrame: (frame: TimetableFrameInfo) => void
-  onClose: () => void
+  focusFrame: TimetableFrameInfo;
+  setFocusFrame: (frame: TimetableFrameInfo) => void;
+  onClose: () => void;
 }
 
 export default function TimetableSettingModal({
@@ -42,9 +42,12 @@ export default function TimetableSettingModal({
     onClose();
   };
   const recoverFrame = () => {
-  // TODO: v2/timetables/lecture api 연결 후 시간표 프레임 추가와 강의 정보 추가로 recover 구현 예정.
+    // TODO: v2/timetables/lecture api 연결 후 시간표 프레임 추가와 강의 정보 추가로 recover 구현 예정.
   };
-  const { mutate: deleteTimetableFrame } = useDeleteTimetableFrame(token, semester);
+  const { mutate: deleteTimetableFrame } = useDeleteTimetableFrame(
+    token,
+    semester,
+  );
   const onDelete = (frame: TimetableFrameInfo) => {
     if (!focusFrame.id) {
       showToast('warning', '로그인 후 이용 가능합니다.');
@@ -85,15 +88,19 @@ export default function TimetableSettingModal({
         ) : (
           <div className={styles['container__setting-message']}>
             <button
+              id="default_timetable"
               type="button"
               className={styles.container__checkbox}
               onClick={toggleIsChecked}
             >
               {focusFrame.is_main ? <CheckedIcon /> : <NotCheckedIcon />}
             </button>
-            <div className={styles['container__set-default-timetable']}>
+            <label
+              htmlFor="default_timetable"
+              className={styles['container__set-default-timetable']}
+            >
               기본 시간표로 설정하기
-            </div>
+            </label>
           </div>
         )}
         <div className={styles.container__button}>