diff --git a/frontend/src/features/liberation/pc/Destiny.jsx b/frontend/src/features/liberation/pc/Destiny.jsx index faadfb8..76cf049 100644 --- a/frontend/src/features/liberation/pc/Destiny.jsx +++ b/frontend/src/features/liberation/pc/Destiny.jsx @@ -1,11 +1,17 @@ -import { DESTINY_CHAPTERS, DESTINY_QUEST_IMAGE_BASE } from '../data' +import dayjs from 'dayjs' +import { DESTINY_CHAPTERS, DESTINY_QUEST_IMAGE_BASE, formatDate } from '../data' import { useLiberationStore } from '../store' import ProgressBar from './components/ProgressBar' +import QuestSelector from './components/QuestSelector' +import PointsInput from './components/PointsInput' +import DatePicker from '../../../components/common/DatePicker' export default function Destiny() { const calcMode = useLiberationStore((s) => s.destinyCalcMode) const setCalcMode = useLiberationStore((s) => s.setDestinyCalcMode) const state = useLiberationStore((s) => s.destinyCalcMode === 'weekly' ? s.destinyWeekly : s.destinySimple) + const updateSlot = useLiberationStore((s) => s.updateDestinySlot) + const setState = (updater) => updateSlot(updater) return ( <> @@ -49,6 +55,66 @@ export default function Destiny() { completionDate={null} completionColor="var(--destiny-date)" /> + + {/* 현재 진행 상태 입력 */} +
@@ -69,7 +69,7 @@ export default function QuestSelector({ value, onChange }) {
boxShadow: 'var(--popup-shadow)',
}}
>
- {GENESIS_CHAPTERS.map((chapter) => {
+ {chapters.map((chapter) => {
const isSelected = chapter.idx === value
return (