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:
@@ -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 ? (
|
||||||
|
|||||||
Reference in New Issue
Block a user