방 체크리스트를 불러오는 중...
생활 패턴
@@ -494,13 +533,13 @@ export function ChecklistEditScreen({ mode = 'personal' }) {
{isRoomCreate &&
-
+
}
{isRoomEdit &&
-
+
}
{!isRoom &&
@@ -514,11 +553,17 @@ export function ChecklistEditScreen({ mode = 'personal' }) {
// ─── Create-room Step 3: Preview & publish ──────────────────
const CREATE_ROOM_DRAFT_KEY = 'dorumdorum:create-room-draft';
+const CREATE_ROOM_RULE_DRAFT_KEY = 'dorumdorum:create-room-rule-draft';
+const PROFILE_STORAGE_KEY = 'dorumdorum:profile';
const DEFAULT_CREATE_ROOM_DRAFT = {
- title: '아침형 룸메 구해요',
+ title: '',
dorm: '2생활관',
roomSize: '4인실',
residencePeriod: 'SEMESTER',
+ notes: '',
+};
+const LEGACY_CREATE_ROOM_DRAFT = {
+ title: '아침형 룸메 구해요',
notes: '아침 7시쯤 일어나는 사람이면 좋아요. 청소는 일주일에 두 번 같이 하면 좋겠어요.',
};
@@ -535,25 +580,88 @@ export const CREATE_ROOM_DORMS = [
];
export const ROOM_SIZE_OPTIONS = ['1인실', '2인실', '3인실', '4인실'];
+function withChecklistDefaults(value = {}) {
+ return Object.fromEntries(
+ Object.entries(defaultRoomChecklistForm).map(([key, fallback]) => [
+ key,
+ value[key] == null ? fallback : value[key],
+ ]),
+ );
+}
+
function readCreateRoomDraft() {
if (typeof window === 'undefined') return DEFAULT_CREATE_ROOM_DRAFT;
try {
const saved = window.sessionStorage.getItem(CREATE_ROOM_DRAFT_KEY);
- return saved ? { ...DEFAULT_CREATE_ROOM_DRAFT, ...JSON.parse(saved) } : DEFAULT_CREATE_ROOM_DRAFT;
+ if (!saved) return DEFAULT_CREATE_ROOM_DRAFT;
+ const draft = { ...DEFAULT_CREATE_ROOM_DRAFT, ...JSON.parse(saved) };
+ return {
+ ...draft,
+ title: draft.title === LEGACY_CREATE_ROOM_DRAFT.title ? '' : draft.title,
+ notes: draft.notes === LEGACY_CREATE_ROOM_DRAFT.notes ? '' : draft.notes,
+ };
} catch {
return DEFAULT_CREATE_ROOM_DRAFT;
}
}
+function readCreateRoomRuleDraft() {
+ if (typeof window === 'undefined') return defaultRoomChecklistForm;
+ try {
+ const saved = window.sessionStorage.getItem(CREATE_ROOM_RULE_DRAFT_KEY);
+ return saved ? withChecklistDefaults(JSON.parse(saved)) : defaultRoomChecklistForm;
+ } catch {
+ return defaultRoomChecklistForm;
+ }
+}
+
+function saveCreateRoomRuleDraft(value) {
+ if (typeof window === 'undefined') return;
+ window.sessionStorage.setItem(CREATE_ROOM_RULE_DRAFT_KEY, JSON.stringify(withChecklistDefaults(value)));
+}
+
+function readCachedProfileName() {
+ if (typeof window === 'undefined') return '방장';
+ try {
+ const profile = JSON.parse(window.localStorage.getItem(PROFILE_STORAGE_KEY) || '{}');
+ return profile.displayName || profile.accountName || '방장';
+ } catch {
+ return '방장';
+ }
+}
+
export function CreateRoomStep3Screen() {
const navigate = useNavigate();
const draft = readCreateRoomDraft();
+ const ruleDraft = readCreateRoomRuleDraft();
const capacity = Number.parseInt(draft.roomSize, 10) || 4;
+ const hostName = readCachedProfileName();
+ const previewTitle = draft.title?.trim();
+ const previewNotes = draft.notes?.trim();
+ const canPublish = previewTitle.length > 0;
+ const [submitting, setSubmitting] = React.useState(false);
+ const [submitError, setSubmitError] = React.useState('');
+
+ const publishRoom = () => {
+ if (submitting) return;
+ if (!canPublish) {
+ setSubmitError('모집글 제목을 입력해주세요.');
+ return;
+ }
+ setSubmitting(true);
+ setSubmitError('');
+ createRoom(createRoomDraftToRequest(draft, ruleDraft))
+ .then(() => navigate('/rooms/create/success', { state: { draft } }))
+ .catch((error) => {
+ setSubmitError(error?.message || '모집방을 등록하지 못했어요.');
+ setSubmitting(false);
+ });
+ };
return (
-
+
@@ -578,14 +686,14 @@ export function CreateRoomStep3Screen() {
{/* Preview card */}
미리보기
-
{draft.title || DEFAULT_CREATE_ROOM_DRAFT.title}
+
{previewTitle || '모집글 제목을 입력해주세요.'}
{draft.dorm} · {draft.roomSize}
- {draft.notes || '방장의 한마디가 비어 있어요.'}
+ {previewNotes || '방장의 한마디가 비어 있어요.'}
-
-
방장 · 강민지
+
+
방장 · {hostName}
1/{capacity} 모집중
@@ -593,8 +701,8 @@ export function CreateRoomStep3Screen() {
{/* Summary */}
{[
- { l: '기본 정보', v: `${draft.title || DEFAULT_CREATE_ROOM_DRAFT.title} · ${draft.dorm} ${draft.roomSize}`, i: 1 },
- { l: '방 체크리스트', v: '생활 패턴 14개 · 추가 규칙 9개 작성됨', i: 2 }].
+ { l: '기본 정보', v: `${previewTitle || '제목 미입력'} · ${draft.dorm} ${draft.roomSize}`, i: 1 },
+ { l: '방 체크리스트', v: '작성한 체크리스트가 반영돼요', i: 2 }].
map((r, i, a) =>
+ {submitError &&
+
+ {submitError}
+
+ }
+
-
+
);
@@ -635,6 +749,7 @@ export function CreateRoomScreen() {
const selectedDorm = CREATE_ROOM_DORMS.find((d) => d.name === form.dorm) || CREATE_ROOM_DORMS[1];
const titleMax = 30;
const noteMax = 180;
+ const canGoNext = form.title.trim().length > 0;
React.useEffect(() => {
if (typeof window !== 'undefined') {
@@ -657,7 +772,7 @@ export function CreateRoomScreen() {
return (
-
+
@@ -774,11 +889,11 @@ export function CreateRoomScreen() {
- {form.note.length} / {noteMax}
+ {(form.notes || '').length} / {noteMax}