feat(fsd): 허브·스페이스 중심 UI 목업 구조로 재편
맥락: - 기존 라우트/컴포넌트 구조를 FSD 기준으로 정리하고, /app 허브와 /space 집중 화면 중심의 목업 흐름을 구성하기 위해 변경사항: - App Router 구조를 /landing, /app, /space, /stats, /settings 중심으로 재배치 - entities/session/room/user 더미 데이터와 타입 정의 추가 - features(커스텀 입장, 룸 선택, 체크인, 리액션, 30초 리스타트 등) 단위로 로직 분리 - widgets(허브, 룸 갤러리, 타이머 HUD, 툴 도크 등) 조합형 UI 추가 - shared 공용 UI(Button/Chip/Modal/Toast 등) 및 유틸(cn/useReducedMotion) 정비 - 로그인 후 이동 경로를 /dashboard 에서 /app 으로 변경 - README를 현재 프로젝트 구조/라우트/구현 범위 기준으로 갱신 검증: - npx tsc --noEmit 세션-상태: 허브·스페이스 목업이 FSD 레이어로 동작 가능하도록 정리됨 세션-다음: /space 상단 및 도크의 인원 수 카피를 분위기형 카피로 후속 정리 세션-리스크: build는 네트워크 환경에서 Google Fonts fetch 실패 가능
This commit is contained in:
38
src/features/distraction-dump/model/useDistractionDump.ts
Normal file
38
src/features/distraction-dump/model/useDistractionDump.ts
Normal file
@@ -0,0 +1,38 @@
|
||||
'use client';
|
||||
|
||||
import { useMemo, useState } from 'react';
|
||||
import { DISTRACTION_DUMP_PLACEHOLDER } from '@/entities/session';
|
||||
|
||||
export const useDistractionDump = () => {
|
||||
const [isOpen, setIsOpen] = useState(false);
|
||||
const [draft, setDraft] = useState('');
|
||||
const [items, setItems] = useState<string[]>(DISTRACTION_DUMP_PLACEHOLDER);
|
||||
|
||||
const hasDraft = useMemo(() => draft.trim().length > 0, [draft]);
|
||||
|
||||
const toggle = () => {
|
||||
setIsOpen((current) => !current);
|
||||
};
|
||||
|
||||
const saveDraft = () => {
|
||||
if (!hasDraft) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const value = draft.trim();
|
||||
setItems((current) => [value, ...current]);
|
||||
setDraft('');
|
||||
|
||||
return value;
|
||||
};
|
||||
|
||||
return {
|
||||
isOpen,
|
||||
draft,
|
||||
items,
|
||||
hasDraft,
|
||||
setDraft,
|
||||
toggle,
|
||||
saveDraft,
|
||||
};
|
||||
};
|
||||
68
src/features/distraction-dump/model/useDistractionNotes.ts
Normal file
68
src/features/distraction-dump/model/useDistractionNotes.ts
Normal file
@@ -0,0 +1,68 @@
|
||||
'use client';
|
||||
|
||||
import { useMemo, useState } from 'react';
|
||||
import { DISTRACTION_DUMP_PLACEHOLDER } from '@/entities/session';
|
||||
|
||||
interface DistractionNote {
|
||||
id: string;
|
||||
text: string;
|
||||
done: boolean;
|
||||
}
|
||||
|
||||
const createInitialNotes = (): DistractionNote[] => {
|
||||
return DISTRACTION_DUMP_PLACEHOLDER.slice(0, 5).map((text, index) => ({
|
||||
id: `note-${index + 1}`,
|
||||
text,
|
||||
done: false,
|
||||
}));
|
||||
};
|
||||
|
||||
export const useDistractionNotes = () => {
|
||||
const [draft, setDraft] = useState('');
|
||||
const [notes, setNotes] = useState<DistractionNote[]>(createInitialNotes);
|
||||
|
||||
const canAdd = useMemo(() => draft.trim().length > 0, [draft]);
|
||||
|
||||
const addNote = () => {
|
||||
if (!canAdd) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const value = draft.trim();
|
||||
|
||||
setNotes((current) => [
|
||||
{
|
||||
id: `note-${Date.now()}`,
|
||||
text: value,
|
||||
done: false,
|
||||
},
|
||||
...current,
|
||||
]);
|
||||
|
||||
setDraft('');
|
||||
|
||||
return value;
|
||||
};
|
||||
|
||||
const toggleDone = (noteId: string) => {
|
||||
setNotes((current) =>
|
||||
current.map((note) =>
|
||||
note.id === noteId ? { ...note, done: !note.done } : note,
|
||||
),
|
||||
);
|
||||
};
|
||||
|
||||
const removeNote = (noteId: string) => {
|
||||
setNotes((current) => current.filter((note) => note.id !== noteId));
|
||||
};
|
||||
|
||||
return {
|
||||
draft,
|
||||
notes,
|
||||
canAdd,
|
||||
setDraft,
|
||||
addNote,
|
||||
toggleDone,
|
||||
removeNote,
|
||||
};
|
||||
};
|
||||
Reference in New Issue
Block a user