fix(sound-preset): 믹서 토글 중첩 버튼 구조를 제거

맥락:
- 사운드 패널에서 button 내부에 Chip(button)이 중첩되어 hydration 에러가 발생했습니다.

변경사항:
- 믹서 토글 버튼 내부의 Chip 컴포넌트를 정적 span 배지로 교체했습니다.
- button > button 중첩 DOM을 제거해 HTML 제약을 준수하도록 수정했습니다.

검증:
- npx tsc --noEmit
- npm run build

세션-상태: /space 사운드 시트의 hydration 오류가 해결되었습니다.
세션-다음: Setup Drawer 프리미엄 톤 UI 조정 반영분을 별도 커밋합니다.
세션-리스크: 없음.
This commit is contained in:
2026-03-02 18:08:14 +09:00
parent 78a65fa15b
commit dade71dd4c

View File

@@ -1,5 +1,5 @@
import { SOUND_PRESETS } from '@/entities/session'; import { SOUND_PRESETS } from '@/entities/session';
import { Chip, Toggle } from '@/shared/ui'; import { Toggle } from '@/shared/ui';
import type { SoundTrackKey } from '../model/useSoundPresetSelection'; import type { SoundTrackKey } from '../model/useSoundPresetSelection';
interface SoundPresetControlsProps { interface SoundPresetControlsProps {
@@ -67,9 +67,9 @@ export const SoundPresetControls = ({
className="inline-flex items-center gap-2 text-xs text-white/70 transition hover:text-white" className="inline-flex items-center gap-2 text-xs text-white/70 transition hover:text-white"
> >
<span>{isMixerOpen ? 'Mixer 접기' : 'Mixer 펼치기'}</span> <span>{isMixerOpen ? 'Mixer 접기' : 'Mixer 펼치기'}</span>
<Chip tone="neutral" className="!cursor-pointer !px-2 !py-0.5 text-[10px]"> <span className="inline-flex items-center rounded-full bg-white/10 px-2 py-0.5 text-[10px] font-medium text-white/86 ring-1 ring-white/20">
</Chip> </span>
</button> </button>
{isMixerOpen ? ( {isMixerOpen ? (