refactor(space): scene 도메인과 current session 계약을 정리
This commit is contained in:
@@ -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>
|
||||
);
|
||||
})}
|
||||
|
||||
Reference in New Issue
Block a user