[시간표] lable로 영역 수정 (#501)

BCSDLab · Sep 24, 2024 · 7616010 · 7616010
1 parent 969ca7e
commit 7616010
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 7 deletions.
diff --git a/...ablePage/components/TimetableList/TimetableSettingModal/TimetableSettingModal.module.scss b/...ablePage/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
@@ -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}>