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 { Chip, Toggle } from '@/shared/ui';
|
||||
import { Toggle } from '@/shared/ui';
|
||||
import type { SoundTrackKey } from '../model/useSoundPresetSelection';
|
||||
|
||||
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"
|
||||
>
|
||||
<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>
|
||||
|
||||
{isMixerOpen ? (
|
||||
|
||||
Reference in New Issue
Block a user