Skip to content

fix(watchlist): 종목 검색 debounce 중 '결과 없음' 오표시 - #102

Merged
GoBeromsu merged 2 commits into
devfrom
feature/C-fix-stock-search-display
May 28, 2026
Merged

fix(watchlist): 종목 검색 debounce 중 '결과 없음' 오표시#102
GoBeromsu merged 2 commits into
devfrom
feature/C-fix-stock-search-display

Conversation

@GoBeromsu

Copy link
Copy Markdown
Owner

Summary

종목 추가 모달에서 "하이닉스" 등 검색 시 백엔드는 결과를 반환하는데 UI에는 "검색 결과가 없습니다"로 표시되던 버그.

Root cause (SearchInput.tsx):

  1. hasQuery=true 즉시 드롭다운 열리지만 300ms debounce 중에는 results.length===0 → "결과 없음" 텍스트가 먼저 보임
  2. query 비워질 때 setResults([]) 누락 → 이전 결과 잔류

Fix (+7/-2):

  • searching state 추가, debounce 진행 중 true
  • !searching && results.length === 0 조건으로 "결과 없음" 표시 제어
  • query trim 시 setResults([]) + setSearching(false) 호출

Test plan

  • Playwright trace: "하이닉스" → "에스케이하이닉스보통주 000660 KOSPI" 표시 확인
  • 매뉴얼: /watchlist 모달, /portfolio 모달 둘 다 검색 정상

🤖 Generated with Claude Code

- query 빈 문자열일 때 results를 [] 로 초기화하지 않던 문제 수정
- debounce 대기 중(searching=true)에는 '검색 결과가 없습니다' 문구 숨김

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
빈 query 시 setResults/setSearching 동기 호출을 onChange 핸들러로 이동 (react-hooks/no-set-state-in-effect).
@GoBeromsu
GoBeromsu merged commit ba5c75a into dev May 28, 2026
8 checks passed
@GoBeromsu
GoBeromsu deleted the feature/C-fix-stock-search-display branch May 28, 2026 12:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant