refactor(space): scene 도메인과 current session 계약을 정리

This commit is contained in:
2026-03-09 13:05:44 +09:00
parent 8184915cb1
commit 675014166a
19 changed files with 243 additions and 208 deletions

View File

@@ -1,26 +1,26 @@
'use client';
import { useState } from 'react';
import type { RoomTheme } from '@/entities/room';
import type { SceneTheme } from '@/entities/scene';
import type { TimerPreset } from '@/entities/session';
import { DEFAULT_PRESET_OPTIONS } from '@/shared/config/settingsOptions';
import { cn } from '@/shared/lib/cn';
interface SettingsToolPanelProps {
rooms: RoomTheme[];
selectedRoomId: string;
scenes: SceneTheme[];
selectedSceneId: string;
selectedTimerLabel: string;
timerPresets: TimerPreset[];
onSelectRoom: (roomId: string) => void;
onSelectScene: (sceneId: string) => void;
onSelectTimer: (timerLabel: string) => void;
}
export const SettingsToolPanel = ({
rooms,
selectedRoomId,
scenes,
selectedSceneId,
selectedTimerLabel,
timerPresets,
onSelectRoom,
onSelectScene,
onSelectTimer,
}: SettingsToolPanelProps) => {
const [reduceMotion, setReduceMotion] = useState(false);
@@ -59,17 +59,17 @@ export const SettingsToolPanel = ({
</section>
<section className="rounded-2xl border border-white/14 bg-white/7 px-3.5 py-3">
<p className="text-sm font-medium text-white"></p>
<p className="mt-1 text-xs text-white/58"> .</p>
<p className="text-sm font-medium text-white"></p>
<p className="mt-1 text-xs text-white/58"> scene .</p>
<div className="mt-2 flex flex-wrap gap-2">
{rooms.slice(0, 4).map((room) => {
const selected = room.id === selectedRoomId;
{scenes.slice(0, 4).map((scene) => {
const selected = scene.id === selectedSceneId;
return (
<button
key={room.id}
key={scene.id}
type="button"
onClick={() => onSelectRoom(room.id)}
onClick={() => onSelectScene(scene.id)}
className={cn(
'rounded-full border px-3 py-1.5 text-xs transition-colors',
selected
@@ -77,7 +77,7 @@ export const SettingsToolPanel = ({
: 'border-white/18 bg-white/8 text-white/80 hover:bg-white/14',
)}
>
{room.name}
{scene.name}
</button>
);
})}