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: 하단 바 추가 #484

Merged
merged 3 commits into from
Mar 16, 2024
Merged

feat: 하단 바 추가 #484

merged 3 commits into from
Mar 16, 2024

Conversation

oyeon-kwon
Copy link
Collaborator

🤔 해결하려는 문제가 무엇인가요?

  • 갤러리 및 질문 폼 생성 화면에서 다른 페이지로 이동이 어려웠어요.

🎉 변경 사항

  • 하단에 바를 추가해 페이지 이동이 가능하게 변경했어요.

🙏 여기는 꼭 봐주세요!

  • BottomBar 컴포넌트 내부에서 현재 surveyId를 불러오는 방식으로 구현했는데, 페이지에서 불러오고 BottomBar에 props 형태로 내려주는 것이 나을지 의견주시면 반영할게요!
  • 갤러리 페이지와 질문 폼 생성하기 페이지에 하단 바를 배치했는데 맞게 했는지 봐 주세요!
  • 하단 바 각각의 아이콘을 클릭했을 때 라우팅되어야 하는 페이지를 맞게 했는지 봐 주세요!

🌄 스크린샷

스크린샷 2024-03-13 오후 11 46 47 스크린샷 2024-03-13 오후 11 46 59

Copy link

github-actions bot commented Mar 13, 2024

Bundle Sizes

Compared against 2702658

Route Size (gzipped) Diff
/gallery 107.46 KB added
/gallery/bookmarks 82.93 KB added
/survey/base 83.73 KB added
/survey/create 108.29 KB +4.63 KB

Dynamic import: No significant changes found

Copy link
Member

Choose a reason for hiding this comment

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

👍 👍

Copy link
Member

Choose a reason for hiding this comment

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

아이콘들의 props를 다른 컴포넌트 처럼

ComponentProps<typeof Svg> 요롷게 해주시면 확장해서 쓰기 편할 거 같은데 어떻게 생각하세용?!?!

Copy link
Member

Choose a reason for hiding this comment

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

아하 위계가 달랏곤요!!

Comment on lines 20 to 30
const onHomeClick = () => {
router.push('/gallery');
};

const onQuestionClick = () => {
router.push('/survey/create');
};

const onMyCardClick = () => {
router.push(`/dna/${data?.survey_id}`);
};
Copy link
Member

Choose a reason for hiding this comment

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

태그가 아닌 button의 onClick으로 링킹을 하신 이유가 궁금해요 !!

Copy link
Member

@sumi-0011 sumi-0011 left a comment

Choose a reason for hiding this comment

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

빠른 구현 감사합니다 🙇‍♀️

/gallery -> / 경로 변경 부탁드립니다!

Comment on lines 24 to 26
const onQuestionClick = () => {
router.push('/survey/create');
};
Copy link
Member

Choose a reason for hiding this comment

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

설문지를 이미 만든 사용자는 내 연구결과 -> /result 페이지로 이동되어야할 것 같습니다!

Comment on lines 20 to 22
const onHomeClick = () => {
router.push('/gallery');
};
Copy link
Member

Choose a reason for hiding this comment

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

이후에 /gallery 경로의 페이지가 없어지고
갤러리 화면이 / 경로로 변경될 예정이여서, / 경로로 바꿔주세요!

Copy link
Member

Choose a reason for hiding this comment

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

이거 루트가 갤러리가 되는 이유는 뭐지 ??? @sumi-0011
시간 간단히 잡아서 싱크업해도 좋을듯??

Comment on lines 92 to 98
const { isLoading, data } = useGetSurveyIdByUserStatus({
onError: () => {
fireToast({ content: '문제가 발생했어요. 다시 시도해 주세요.' });
router.push('/');
},
});

Copy link
Member

Choose a reason for hiding this comment

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

statue가 로그인 상태일 때만 쿼리가 실행되도록 해도 좋지않을까요?
enabled 옵션으로요!

return (
<footer css={BottomBarCss(theme)}>
<button type="button" css={IconBoxCss(theme, '/gallery' === currentPath)} onClick={onHomeClick}>
<HomeIcon color={'/gallery' === currentPath ? `${theme.colors.primary_300}` : `${theme.colors.gray_300}`} />
Copy link
Member

Choose a reason for hiding this comment

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

여기도 /gallery가 아닌 /으로 변경 부탁드려요!
저도 /gallery 페이지를 빠르게 제거해볼게요!

@hyesungoh hyesungoh requested a review from sumi-0011 March 14, 2024 11:49
@hyesungoh hyesungoh self-assigned this Mar 15, 2024
* feat: �질문 폼 베이스

* refactor: bottom bar
@hyesungoh hyesungoh merged commit 054645f into main Mar 16, 2024
6 of 9 checks passed
@hyesungoh hyesungoh deleted the feature/bottom-bar branch March 16, 2024 12:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

3 participants