diff --git a/src/pages/selectSchedule/SelectSchedule.tsx b/src/pages/selectSchedule/SelectSchedule.tsx index 63ed0a4e..6d8129f4 100644 --- a/src/pages/selectSchedule/SelectSchedule.tsx +++ b/src/pages/selectSchedule/SelectSchedule.tsx @@ -1,13 +1,14 @@ -import Button from 'components/atomComponents/Button'; -import { DateType } from 'components/timetableComponents/types'; -import Description from './components/Description'; +import { useState } from 'react'; + import Header from 'components/moleculesComponents/Header'; -import SelectScheduleTable from './components/SelectScheduleTable'; -import { Step } from './types'; import TitleComponents from 'components/moleculesComponents/TitleComponents'; +import { DateType } from 'components/timetableComponents/types'; import { getAvailableTimes } from 'components/timetableComponents/utils'; import styled from 'styled-components'; -import { useState } from 'react'; + +import Description from './components/Description'; +import SelectScheduleTable from './components/SelectScheduleTable'; +import { Step } from './types'; /***** api 연결 후 지울 것*****/ diff --git a/src/pages/selectSchedule/components/SelectScheduleTable.tsx b/src/pages/selectSchedule/components/SelectScheduleTable.tsx index 33a759b1..74af1c80 100644 --- a/src/pages/selectSchedule/components/SelectScheduleTable.tsx +++ b/src/pages/selectSchedule/components/SelectScheduleTable.tsx @@ -1,18 +1,19 @@ -import { ColumnStructure, TimetableStructure } from 'components/timetableComponents/types'; -import { SelectedSlotType, TimetableContext } from 'components/timetableComponents/context'; -import { Step, StepBtnsType, StepSlotsType } from '../types'; +import { useState } from 'react'; import Button from 'components/atomComponents/Button'; +import Text from 'components/atomComponents/Text'; +import { SelectedSlotType, TimetableContext } from 'components/timetableComponents/context'; +import Timetable from 'components/timetableComponents/Timetable'; +import { ColumnStructure, TimetableStructure } from 'components/timetableComponents/types'; +import styled from 'styled-components'; + import PriorityCta from './selectPriority/PriorityCta'; import PriorityDropdown from './selectPriority/PriorityDropdown'; import PrioritySlots from './selectPriority/PrioritySlots'; import SelectionSlots from './selectTimeSlot/SelectionSlots'; -import Text from 'components/atomComponents/Text'; import TimeSlotCta from './selectTimeSlot/TimeSlotCta'; -import Timetable from 'components/timetableComponents/Timetable'; +import { Step, StepBtnsType, StepSlotsType } from '../types'; import { resetPriorities } from '../utils'; -import styled from 'styled-components'; -import { useState } from 'react'; interface SelectScheduleTableProps extends TimetableStructure { step: Step; @@ -36,13 +37,14 @@ function SelectScheduleTable({ ), }; + const stepSlot = stepSlots[step]; const isValidSelection = Object.keys(selectedSlots).length !== 0; - const stepBtns: StepBtnsType = { selectTimeSlot: , selectPriority: , }; + const stepBtn = stepBtns[step]; return ( - {stepSlots[step]} + {stepSlot} {step === 'selectPriority' && } - {stepBtns[step]} + {stepBtn} ); }