feat: update ScheduleSettingForm for showing already created time data

Signed-off-by: 이승연 <sylee1274@mz.co.kr>
cloudforet-io · Jan 8, 2025 · 93d9e01 · 93d9e01
1 parent b257366
commit 93d9e01
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/apps/web/src/common/components/schedule-setting-form/ScheduleSettingForm.vue b/apps/web/src/common/components/schedule-setting-form/ScheduleSettingForm.vue
@@ -60,7 +60,7 @@ const state = reactive({
     selectedDayButton: ['MON', 'TUE', 'WED', 'THU', 'FRI'] as DayType[],
     start: 0,
     end: 24,
-    startHourTimeList: computed<SelectDropdownMenuItem[]>(() => range(state.start, state.end).map((h) => ({
+    startHourTimeList: computed<SelectDropdownMenuItem[]>(() => range(0, state.end).map((h) => ({
         label: `${h.toString().padStart(2, '0')}:00`,
         name: h.toString(),
     }))),
@@ -176,13 +176,13 @@ onMounted(() => {
             <div class="flex items-center gap-2">
                 <p-select-dropdown :menu="state.startHourTimeList"
                                    :selected="state.start"
-                                   placeholder="00:00"
+                                   :placeholder="state.startHourTimeList[state.start].label"
                                    @select="handleSelectDropdown('start', $event)"
                 />
                 <span>{{ $t('COMMON.SCHEDULE_SETTING.TO') }}</span>
                 <p-select-dropdown :menu="state.endHourTimeList"
                                    :selected="state.end"
-                                   placeholder="24:00"
+                                   :placeholder="state.endHourTimeList[state.end - state.start - 1].label"
                                    @select="handleSelectDropdown('end', $event)"
                 />
             </div>