fix(sidebar): 검색 복원, 경고 필터, 내부 스크롤 수정 #25

htlee · 2026-02-17T08:12:03+09:00

htlee 코멘트됨,

2026-02-17 08:12:03 +09:00

소유자

Summary

선박 목록 검색 인풋 복원: 등록번호/선명/콜사인/MMSI like 검색 (2글자 이상 입력 시 자동 필터링)
실시간 경고 필터 UI 개선: 기존 드롭다운(동작 불가) → '필터' ToggleButton 토글 방식으로 변경
사이드바 내부 스크롤 수정: 선박 목록, 실시간 경고, 선단 연관관계 3개 섹션에서 내부 스크롤 동작
Section 컴포넌트 리팩토링: <details> → <div> + useState (flex 레이아웃 완전 호환), contentClassName prop 추가

Changes

파일	변경
`packages/ui/src/components/Section.tsx`	`<details>` → `<div>` + useState, contentClassName prop
`apps/web/src/widgets/vesselList/VesselList.tsx`	검색 인풋 + 필터 로직 추가
`apps/web/src/pages/dashboard/DashboardSidebar.tsx`	flex column 레이아웃 + contentClassName 적용
`apps/web/src/pages/dashboard/DashboardPage.tsx`	불필요 props 제거

Test plan

데스크탑: 모든 섹션 헤더 스크롤 없이 표시, 내부 스크롤 동작
모바일: 사이드바 drawer 전체 스크롤 정상 동작
선박 목록 검색: 등록번호/선명/MMSI 입력 시 필터링
경고 필터: '필터' 버튼 토글 → 체크박스 표시/숨김
각 섹션 열기/닫기 토글 정상 동작

🤖 Generated with Claude Code

## Summary - **선박 목록 검색 인풋 복원**: 등록번호/선명/콜사인/MMSI like 검색 (2글자 이상 입력 시 자동 필터링) - **실시간 경고 필터 UI 개선**: 기존 드롭다운(동작 불가) → '필터' ToggleButton 토글 방식으로 변경 - **사이드바 내부 스크롤 수정**: 선박 목록, 실시간 경고, 선단 연관관계 3개 섹션에서 내부 스크롤 동작 - **Section 컴포넌트 리팩토링**: `<details>` → `<div>` + `useState` (flex 레이아웃 완전 호환), `contentClassName` prop 추가 ## Changes | 파일 | 변경 | |------|------| | `packages/ui/src/components/Section.tsx` | `<details>` → `<div>` + useState, contentClassName prop | | `apps/web/src/widgets/vesselList/VesselList.tsx` | 검색 인풋 + 필터 로직 추가 | | `apps/web/src/pages/dashboard/DashboardSidebar.tsx` | flex column 레이아웃 + contentClassName 적용 | | `apps/web/src/pages/dashboard/DashboardPage.tsx` | 불필요 props 제거 | ## Test plan - [ ] 데스크탑: 모든 섹션 헤더 스크롤 없이 표시, 내부 스크롤 동작 - [ ] 모바일: 사이드바 drawer 전체 스크롤 정상 동작 - [ ] 선박 목록 검색: 등록번호/선명/MMSI 입력 시 필터링 - [ ] 경고 필터: '필터' 버튼 토글 → 체크박스 표시/숨김 - [ ] 각 섹션 열기/닫기 토글 정상 동작 🤖 Generated with [Claude Code](https://claude.com/claude-code)

htlee added 2 commits 2026-02-17 08:12:04 +09:00

refactor: 하드코딩 색상을 테마 CSS 변수로 전환 538a260bc2

- tokens.css: select/highlight 상태 CSS 변수 추가 (dark/light)
- ListItem: 하드코딩 RGBA → CSS 변수 (--wing-select-*, --wing-highlight-*)
- Topbar StatChips: #hex → text-wing-success/accent/warning/danger
- Topbar 로고: inline cursor → Tailwind 조건부 클래스
- DashboardSidebar: #hex → var(--wing-*), inline style → Tailwind

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

fix(sidebar): 검색 복원, 경고 필터, 내부 스크롤 수정 c336168d57

- VesselList: 선박 검색 인풋 복원 (등록번호/선명/MMSI like 검색)
- 실시간 경고: 드롭다운 → '필터' ToggleButton 토글 방식으로 변경
- Section: <details> → <div> + useState 전환 (flex 레이아웃 호환)
- Section: contentClassName prop 추가 (내부 스크롤 제어)
- DashboardSidebar: 데스크탑 flex column + 섹션별 내부 스크롤 적용
- DashboardPage: 불필요한 alarmFilterSummary props 제거

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

htlee merged commit 383b41f49a into develop

2026-02-17 08:12:15 +09:00

htlee 삭제된 브랜치 feature/sidebar-scroll-fix

2026-02-17 08:12:15 +09:00

htlee 커밋

2026-02-17 08:12:16 +09:00

에서 이 이슈 언급

fix(sidebar): 검색 복원, 경고 필터, 내부 스크롤 수정 (#25)

htlee referenced this pull request

2026-02-17 08:12:36 +09:00

fix(sidebar): 검색 복원, 경고 필터, 내부 스크롤 수정 #26

"로그인하여 이 대화에 참여"