fix(room-select): 룸 카드 중첩 버튼 hydration 에러 수정
맥락: - /app 룸 카드에서 카드 전체를 버튼으로 사용하면서 내부 Chip도 버튼으로 렌더링되어 HTML 중첩 버튼 규칙을 위반했다. - Next.js hydration 단계에서 콘솔 에러가 발생해 UI 신뢰도와 디버깅 효율을 저하시켰다. 변경사항: - RoomPreviewCard 내부의 Chip 컴포넌트 사용을 제거했다. - 카드 내부 태그/추천 정보 칩을 비인터랙티브 span 스타일로 교체해 버튼 중첩 구조를 해소했다. - 세션 문서(90_current_state, session_brief)에 이번 에러 수정 내역을 반영했다. 검증: - npx tsc --noEmit 세션-상태: /app 룸 카드의 중첩 버튼 hydration 에러 해소 세션-다음: RoomSheet/도크 패널의 인원수 기반 표현을 분위기형 정보로 전환 세션-리스크: 밝은 배경 구간에서 white 텍스트 대비가 약해질 수 있어 기기별 시인성 점검 필요
This commit is contained in:
@@ -44,6 +44,9 @@ Last Updated: 2026-02-28
|
||||
- `/app` 허브 배경 오버레이를 밝게 조정하고 룸 카드 어두운 마스크 강도 완화
|
||||
- `/space` 배경 오버레이/비네팅 강도를 낮춰 배경 노출 증가
|
||||
- `/stats`, `/settings` 배경/패널을 라이트 팔레트로 전환
|
||||
- `/app` 룸 카드 hydration 에러 수정:
|
||||
- `RoomPreviewCard`의 중첩 `<button>` 구조 제거
|
||||
- 카드 내부 칩을 비인터랙티브 `span`으로 변경해 HTML 규칙 위반 해소
|
||||
- 몰입 모드 ON 시 `/space` 크롬 정리:
|
||||
- 상단 `Current Room` 블록 숨김
|
||||
- 우상단 허브 버튼 소형 아이콘화
|
||||
@@ -136,3 +139,4 @@ Last Updated: 2026-02-28
|
||||
2. `/app`: 룸 카드에 사람 수 문구 없음, 추천 정보 노출
|
||||
3. `/space`: 하단 사운드 바 없음, 오른쪽 `🎧 Sound` 시트에서 프리셋 선택 가능
|
||||
4. `/space`: 몰입 모드 ON 시 상단 룸 블록 숨김 + 레일 미니화 + HUD 저대비 적용
|
||||
5. `/app`: 콘솔에 `button cannot be a descendant of button` hydration 에러가 재발하지 않음
|
||||
|
||||
@@ -38,6 +38,9 @@ Last Updated: 2026-02-28
|
||||
- `/app` 허브/룸 카드 오버레이를 완화해 배경 노출을 늘렸다.
|
||||
- `/space` 오버레이/비네팅 강도를 낮춰 전체 명도를 올렸다.
|
||||
- `/stats`, `/settings`는 라이트 팔레트 기반 패널로 전환했다.
|
||||
- `/app` 룸 카드 hydration 에러를 수정했다.
|
||||
- `RoomPreviewCard`의 중첩 `<button>` 구조를 제거했다.
|
||||
- 카드 내부 칩을 비인터랙티브 태그로 바꿔 콘솔 에러를 해소했다.
|
||||
- 몰입 모드 ON 시 상단 룸 블록 숨김, 레일 미니화, HUD 저대비, 비네팅 강화가 적용된다.
|
||||
- 이후 작업은 `docs/work.md`를 기준으로 실행한다.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user