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

[NDD-363] 문제집이 하나도 없을 때 생성 유도, QuestionSelectionBox 에서 면접세트 보러가기 페이지 유도(1.5h / 2h) #199

Merged
merged 4 commits into from
Dec 12, 2023

Conversation

milk717
Copy link
Collaborator

@milk717 milk717 commented Dec 12, 2023

NDD-363 Powered by Pull Request Badge

Why

처음 가입한 유저는 복제된 문제집이 존재하지 않아 아래와 같은 빈 화면을 보여준다는 문제가 있었습니다.
image

따라서 이를 개선하기 위한 UI를 추가했습니다.
추가로 문제집 목록 페이지가 잘 눈에 들어오지 않는다는 피드백이 있어서, 다이얼로그를 통해 QuestionSelecitonBox에서 문제집 페이지로 이동할 수 있도록 유도했습니다.

How

  • UI가 추가된 것이라서 특이사항은 없습니다.
  • 현재 NoticeDialog 컴포넌트를 단일 컴포넌트로 구현했는데 나중에 Dialog를 띄워야 할 일이 늘어난다면, 이 컴포넌트도 foundation으로 빼면 좋을 것 같습니다.

Result

문제집이 하나도 없을 때

  • 데스크탑 화면
image
  • 모바일 화면 (아이폰 미니)
image

문제집 묶음 페이지 다이얼로그로 유도

image

@milk717 milk717 added enhancement 개선 또는 피드백 반영 FE 프론트엔드 코드 변경사항 labels Dec 12, 2023
@milk717 milk717 self-assigned this Dec 12, 2023
Copy link

Deploying with  Cloudflare Pages  Cloudflare Pages

Latest commit: 5efc9f8
Status: ✅  Deploy successful!
Preview URL: https://dd003362.gomterview.pages.dev
Branch Preview URL: https://feature-ndd-363.gomterview.pages.dev

View logs

Copy link
Collaborator

@adultlee adultlee 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 +49 to +65
{workbookListData.length ? (
workbookListData.map((workbook, index) => (
<TabPanelItem
key={workbook.workbookId}
tabIndex={index.toString()}
workbook={workbook}
isSidebarOpen={
isSidebarToggleOn && isDeviceBreakpoint('tablet')
}
onSidebarToggleClick={() =>
setIsSidebarToggleOn((prev) => !prev)
}
/>
))
) : (
<QuestionTabPanelBlank />
)}
Copy link
Collaborator

Choose a reason for hiding this comment

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

[p-5] errorboundary suspense empty 세개를 묶은 하나의 선언형 컴포넌트를 만들면 재미있을거 같네요 ㅎㅎ

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

좋은데요!??? 근데 이 부분은 요청이 성공했는데 응답 배열이 비어있는 경우도 표현해줘야해서 suspense를 활용하긴 힘들겠네요ㅠㅠ

Copy link
Collaborator

Choose a reason for hiding this comment

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

[p-5] 뭔가 억울해 보여....

Copy link
Collaborator

Choose a reason for hiding this comment

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

[p-5] 나중에 꼭 foundation으로 빼보아요

@milk717 milk717 merged commit 85521d7 into dev Dec 12, 2023
2 checks passed
@delete-merged-branch delete-merged-branch bot deleted the feature/NDD-363 branch December 12, 2023 13:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement 개선 또는 피드백 반영 FE 프론트엔드 코드 변경사항
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants