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}
);
}