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

Feat: 검색 및 콜렉션 페이지 구현 #53

Merged
merged 30 commits into from
Feb 23, 2024

Conversation

kanglocal
Copy link
Contributor

@kanglocal kanglocal commented Feb 23, 2024

개요

  • 개요는 변경 사항 및 관련 이슈에 대해 간단하게 작성해주세요.
  • 해당 PR에 대한 리뷰어와 라벨을 생성해 주세요.

작업 사항

  • 검색페이지 및 콜렉션 페이지를 구현했습니다.
  • 리스트상세페이지의 콜렉트기능구현, UI 수정을 했습니다.
  • 로그인모달을 위한 전역 상태를 만들었습니다.(리스트 상세의 컴포넌트에서는 모달 사용이 안되기때문이었습니다 ㅜㅜ)

참고 사항 (optional)

  • 작업 중 만난 버그, 구현 과정 중 어려움, 고민
  • 해결 방법
  • 해당 라이브러리를 선택한 이유
  • 테스트 계획

관련 이슈 (optional)

  • 현재 콜렉트순 정렬시 에러가 발생중입니다.
  • 콜렉션에는 updatedDate와 profileImage를 현재 받고있지않아 요청드린상태입니다.

추가 작업 예정

  • 이미지로 저장기능도 추가로 진행예정입니다.
  • 검색/콜렉션에 대표이미지를 넣는 작업을 추가로 진행예정입니다.

스크린샷

검색 페이지
searchPage

콜렉션 페이지
collectionPage


리뷰어에게

  • 브랜치도 나누지 않고 작업하고, 코드 양도 많아 보시기 힘드실 것으로 예상되어 죄송한 마음입니다ㅜㅜ
    그러니 힘드시지 않게 짧게 봐주시길 바랍니다...!
    작은 문제점/개선점 이라도 발견하신다면 말씀부탁드립니다!

…' into feature/explore_search_component

# Conflicts:
#	src/app/search/_components/SearchBar.tsx
…ch_component

# Conflicts:
#	public/icons/crown.svg
#	src/app/page.tsx
#	src/lib/constants/queryKeys.ts
…ch_component

# Conflicts:
#	src/lib/constants/queryKeys.ts
Copy link

vercel bot commented Feb 23, 2024

@kanglocal is attempting to deploy a commit to the Eujin Ahn's projects Team on Vercel.

A member of the Team first needs to authorize it.


return response.data;
}

Copy link
Contributor

Choose a reason for hiding this comment

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

저도 몰랐는데 api 함수는 화살표 함수라고 합니당..🥹 나중에 리팩토링 할 때 대대적으로 바꿔도 좋을 것 같습니다!!

Copy link
Contributor

@Nahyun-Kang Nahyun-Kang left a comment

Choose a reason for hiding this comment

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

현지님 콜렉션 페이지, 리스트 상세 조회 바뀐 부분이 많아서 수정하기 힘드셨을 때 고생하셨습니다..!!🥹 얼른 머지해서 완성체를 너무너무 보고싶습니다.!! 고생하셨습니다 LGTM!!🔥🔥

) : (
// 데이터가 없는 경우
<NoData />
)}
Copy link
Contributor

Choose a reason for hiding this comment

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

주석을 달아주셔서 알기 쉽네용..!!👍👍

@@ -0,0 +1,291 @@
export const searchResult = {
Copy link
Contributor

Choose a reason for hiding this comment

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

저희 이제 목데이터는 지워도 되지 않을까요..?!👀

Copy link
Contributor Author

Choose a reason for hiding this comment

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

오잉!! 이게있었네요 감사합니다!!

<div className={styles.collectWrapper}>
{data.isCollected ? <CollectedIcon onClick={handleCollect} /> : <CollectIcon onClick={handleCollect} />}
</div>
</>
Copy link
Contributor

Choose a reason for hiding this comment

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

👍👍🔥

handleSetOff: () => set({ isOn: false }),
}));

export default useModalState;
Copy link
Contributor

Choose a reason for hiding this comment

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

모달 전역 상태관리로 만들어주셨군요..! 감사합니다 👍👍

@kanglocal kanglocal merged commit 004eca6 into 8-Sprinters:dev Feb 23, 2024
0 of 2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants