Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature] 검색 페이지, 찜 목록 페이지 리뉴얼된 버전으로 업데이트 + 검색 필터링 쿼리파라미터로 추가하여 검색 결과 유지 #231

Merged
merged 18 commits into from
Apr 21, 2024

Conversation

rmdnps10
Copy link
Contributor

@rmdnps10 rmdnps10 commented Apr 18, 2024

Checklist


  • 올바른 브랜치에 PR을 보내도록 설정하였나요?
  • PR의 라벨을 올바르게 달았나요?

Description


  • 검색페이지와 찜 목록 페이지에서 새로 등장한 api 연동하고 뷰 완성했습니다.
  • input 스타일 조금 손보고 스타일적인 부문도 필터링 영역이 고정되게 구현했습니다.


스크린샷 2024-04-19 오전 12 52 30

위 부분을 고정시켜놓았어요~

20240429 - 검색 필터링 조건 및 검색어를 쿼리스트링 값으로 추가했습니다.

Related Issues


#228

To Reveiwer


`useSearchPageParams` 커스터 훅을 통하여 쿼리스트링 값을 반영하였습니다~!

Copy link

netlify bot commented Apr 18, 2024

Deploy Preview for candid-semolina-d0db42 ready!

Name Link
🔨 Latest commit 88a3a90
🔍 Latest deploy log https://app.netlify.com/sites/candid-semolina-d0db42/deploys/66252923252ae30008fe724c
😎 Deploy Preview https://deploy-preview-231--candid-semolina-d0db42.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@rmdnps10 rmdnps10 self-assigned this Apr 18, 2024
@rmdnps10 rmdnps10 added API API 관련 Feature 기능 개발 labels Apr 18, 2024
@rmdnps10 rmdnps10 changed the title [Feature] 검색 페이지, 찜 목록 페이지 리뉴얼된 버전으로 업데이트 [Feature] 검색 페이지, 찜 목록 페이지 리뉴얼된 버전으로 업데이트 + 검색 펄터링 쿼리파라미터로 추가하여 검색 결과 유지 Apr 19, 2024
@rmdnps10 rmdnps10 changed the title [Feature] 검색 페이지, 찜 목록 페이지 리뉴얼된 버전으로 업데이트 + 검색 펄터링 쿼리파라미터로 추가하여 검색 결과 유지 [Feature] 검색 페이지, 찜 목록 페이지 리뉴얼된 버전으로 업데이트 + 검색 필터링 쿼리파라미터로 추가하여 검색 결과 유지 Apr 19, 2024
src/hooks/useSearchPageParams.ts Outdated Show resolved Hide resolved
src/components/Common/Divider2.tsx Outdated Show resolved Hide resolved
Comment on lines +20 to +42
{tabState === 1 ? (
<>
<Subtitle color={Green}>상담사</Subtitle>
<UnderLineBuyer />
</>
) : (
<Subtitle color={Grey4}>상담사</Subtitle>
)}
</TabButton>
<TabButton
tabState={2}
onClick={() => {
setTabState(2);
}}
>
{tabState === 2 ? (
<>
<Subtitle color={Green}>공개상담</Subtitle>
<UnderLineBuyerBig />
</>
) : (
<Subtitle color={Grey4}>공개상담</Subtitle>
)}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

공통 컴포넌트이기 때문에 Divider2 로 사용하게 된다면, subtitle의 text도 props로 받는게 좋을거 같습니다!

src/components/Common/Divider2.tsx Show resolved Hide resolved
src/hooks/useSearchPageParams.ts Show resolved Hide resolved
@kyuhho
Copy link
Contributor

kyuhho commented Apr 21, 2024

고생하셨습니다~~~~~~

@kyuhho kyuhho merged commit 6756ff6 into dev Apr 21, 2024
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
API API 관련 Feature 기능 개발
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants