Skip to content

[Fix] - 공고리스트 시트 포지션 및 버튼 클릭시 라우터 이동 버그 #398

@kyungchan3007

Description

@kyungchan3007

📝 어떤 상황에서 발생한 버그인가요?

  • Given: 사용자가 공고리스트 상세 페이지 접속
  • When: 사용자가 공고리스트 상세 페이지에서 필터 태그 버튼 클릭
  • Then: 태그버튼 클릭시 시트 포지션이 맞지 않고 스크롤이 생기지 않아 화면이 잘리는 현상

✅ 버그 수정 결과

핵심 변경 내용 요약
• button.tsx: ListingCardDetailOut 신규 생성, filteredCount/handleCloseSheet props 받는 버튼 컴포넌트.
• hooks.ts: useDetailFilterResultButton 신규 추가, filteredCount 조회 + closeSheet + /listings/{id}로 router.replace 호출.
• DetailFilterSheet.tsx: 시트 높이 h-[70dvh], 내부 레이아웃을 “스크롤 영역 + 하단 버튼 영역”으로 분리, 버튼은 ListingCardDetailOut 사용.
• DistanceFilter.tsx, areaFilter.tsx, regionFilter.tsx: 하단 버튼 영역 제거.
• CostFilter.tsx: 보증금 직접입력 로직 수정("" 처리), Input 값 보정, 하단 버튼 제거.
• listingsCardDetailSummary.tsx, listingsCardDetailOutOfCriteriaSection.tsx: className prop 추가(현재 렌더링에 반영은 안 됨).
• listingsCardDetailSection.tsx: open 조건부 렌더 제거(항상 렌더).

Metadata

Metadata

Assignees

Labels

FixBug 발생 후 해당 버그 해결 작업 상황을 알려주세요

Type

No type

Projects

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions