[FE] BottomFixedButton 버그 수정 (#385)

* rename: meetingFrame 렌더 함수 네이밍 수정 * refactor: gap 속성 추가 및 시간 선택 테이블 max-height 제거, MSW 주석 추가
woowacourse-teams · Oct 7, 2024 · 71c6779 · 71c6779
1 parent 17d61f4
commit 71c6779
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 deletions.
diff --git a/frontend/src/components/Schedules/Schedules.styles.ts b/frontend/src/components/Schedules/Schedules.styles.ts
@@ -10,7 +10,6 @@ export const s_container = css`
 export const s_relativeContainer = css`
   position: relative;
   flex: 1;
-  max-height: fit-content;
 `;
 
 export const s_selectModeButtonsContainer = css`

diff --git a/frontend/src/mocks/meeting/meetingHandlers.ts b/frontend/src/mocks/meeting/meetingHandlers.ts
@@ -11,6 +11,7 @@ import mySchedule from './data/mySchedule.json';
 
 const meetingHandlers = [
   http.get(`${BASE_URL}/:uuid`, () => {
+    // meetingTableFrame에서 type을 "DATETIME"으로 설정하면 시간 선택 표가 나오고, "DAYSONLY"로 설정하면 달력이 나옵니다.
     return HttpResponse.json(meetingTableFrame, { status: 200 });
   }),
 

diff --git a/frontend/src/pages/MeetingTimePickPage/MeetingTimePickPage.styles.ts b/frontend/src/pages/MeetingTimePickPage/MeetingTimePickPage.styles.ts
@@ -3,6 +3,8 @@ import { css } from '@emotion/react';
 export const s_container = css`
   display: flex;
   flex-direction: column;
+  gap: 0.8rem;
+
   width: 100%;
   height: 100%;
 `;

diff --git a/frontend/src/pages/MeetingTimePickPage/index.tsx b/frontend/src/pages/MeetingTimePickPage/index.tsx
@@ -55,7 +55,7 @@ export default function MeetingTimePickPage() {
     }
   };
 
-  const renderPicker = (meetingType: MeetingType) => {
+  const renderMeetingFrame = (meetingType: MeetingType) => {
     if (!meetingFrame) return;
 
     switch (meetingType) {
@@ -117,7 +117,7 @@ export default function MeetingTimePickPage() {
           </div>
         )}
       </section>
-      {meetingFrame && renderPicker(meetingFrame.type)}
+      {meetingFrame && renderMeetingFrame(meetingFrame.type)}
     </div>
   );
 }