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

[FE] refactor: 검색 탭 삭제 및 순서 수정 #578

Merged
merged 13 commits into from
Sep 14, 2023
Merged

Conversation

xodms0309
Copy link
Collaborator

Issue

✨ 구현한 기능

  • 검색 탭 삭제
  • 상품 목록 페이지, 꿀조합 페이지에 검색 아이콘 추가
스크린샷 2023-09-07 오후 4 25 58

검색 아이콘을 누르면 해당 페이지로 이동하고, 뒤로 가기를 누르면 이전 페이지로 돌아갑니다.
스크린샷 2023-09-07 오후 4 26 27

📢 논의하고 싶은 내용

  • 뭔가 각 페이지의 제목들이 통일이 안된 느낌이라 텍스트 사이즈를 통일 시켰습니다. 그래서 통일하다보니까 Title 컴포넌트가 Common 아래에 있는데 ProductListPage에서만 사용되더라고요..? 그래서 저 컴포넌트를 그냥 이동시키는게 좋을지.. 추천 받습니다

🎸 기타

x

⏰ 일정

  • 추정 시간 : 10분
  • 걸린 시간 : 1시간

@github-actions
Copy link

github-actions bot commented Sep 7, 2023

Unit Test Results

5 tests   - 218   5 ✔️  - 218   6s ⏱️ -13s
2 suites  - 110   0 💤 ±    0 
1 files    - 111   0 ±    0 

Results for commit c956881. ± Comparison against base commit 1fe68ce.

♻️ This comment has been updated with latest results.

Copy link
Collaborator

@hae-on hae-on left a comment

Choose a reason for hiding this comment

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

Title에 이것저것 추가하면서 Common에서 벗어난 컴포넌트가 됐네요!
얘기한 것처럼 내부 컴포넌트로 옮기는게 좋아보입니다~

검색 탭 context로 저장해줘용~~~
부탁해용~~~~~~🥳

<DropDownIcon variant="arrow" color={theme.colors.black} width={15} height={15} />
</TitleLink>
<Link as={RouterLink} to="/search" style={{ marginLeft: 'auto' }}>
Copy link
Collaborator

Choose a reason for hiding this comment

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

수정해주세용~

Copy link
Collaborator

@Leejin-Yang Leejin-Yang left a comment

Choose a reason for hiding this comment

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

저도 Title 컴포넌트는 분리해야 한다고 생각드네요!
그리고 검색 탭을 삭제하고 타이틀을 바꾸는 것은 어떤가요??
SearchPage에서 탭 구분 없이 주소 쿼리로 구분하면 될 것 같다는 생각이네요
수고했어요 타미!

@xodms0309
Copy link
Collaborator Author

@Leejin-Yang @hae-on

스크린샷 2023-09-08 오후 4 30 36 스크린샷 2023-09-08 오후 4 30 50

이렇게 상품, 꿀조합 검색 페이지 나눴습니다.

Copy link
Collaborator

@Leejin-Yang Leejin-Yang left a comment

Choose a reason for hiding this comment

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

고생했어요 타미!
코멘트 확인해주시고 한번 시도해보세요 😊

Comment on lines 34 to 35
const { pathname } = useLocation();
const [, , currentPath] = pathname.split('/');
Copy link
Collaborator

Choose a reason for hiding this comment

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

useParams 훅을 사용해보면 어떨까요?
split과 배열에서 뽑는 과정이 없어지겠네요!

Comment on lines 57 to 61
path: `${PATH.SEARCH}/products`,
element: <SearchPage />,
},
{
path: `${PATH.SEARCH}/recipes`,
Copy link
Collaborator

Choose a reason for hiding this comment

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

만약 값을 가져오지 못한다면 다이나믹 세그먼트를 사용해보아요. 그러면 유효하지 않는 페이지는 타입가드해서 Not Found 페이지로 보내면 되겠네요. 이 부분은 페이지 컴포넌트에서 진행하면 되겠습니다 👍

Copy link
Collaborator

@hae-on hae-on left a comment

Choose a reason for hiding this comment

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

굿굿 수고했어용 타미~

@xodms0309
Copy link
Collaborator Author

스크린샷 2023-09-14 오후 12 56 04

통합 검색 페이지를 추가했습니다.
@hae-on @Leejin-Yang

Copy link
Collaborator

@Leejin-Yang Leejin-Yang left a comment

Choose a reason for hiding this comment

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

타미 수고 많았습니다!
아까 말한 부분만 수정하면 될거 같아요~

Copy link
Collaborator

@hae-on hae-on left a comment

Choose a reason for hiding this comment

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

Title 컴포넌트는 product에서만 쓰니까 productTitle로 컴포넌트명을 수정해도 좋을 거 같네요!
수고했어요 타미~~

@xodms0309 xodms0309 merged commit e98340b into develop Sep 14, 2023
3 checks passed
@xodms0309 xodms0309 deleted the feat/issue-574 branch September 14, 2023 07:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[FE] 검색 탭 삭제 및 탭 순서 수정
3 participants