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] 대시보드 페이지 timeline date issue 및 css 수정 #326

Merged
merged 4 commits into from
Nov 19, 2024

Conversation

Bowoon1216
Copy link
Contributor

해당 이슈 번호

closed #324


체크리스트

  • 🔀 PR 제목의 형식을 잘 작성했나요? e.g. [feat] PR을 등록한다.
  • 💯 테스트는 잘 통과했나요?
  • 🏗️ 빌드는 성공했나요?
  • 🧹 불필요한 코드는 제거했나요?
  • ✅ 컨벤션을 지켰나요?
  • 💭 이슈는 등록했나요?
  • 🏷️ 라벨은 등록했나요?
  • 💻 git rebase를 사용했나요?
  • 🙇‍♂️ 리뷰어를 지정했나요?

💎 PR Point

  • 타임라인부분에서 달이 넘어가지 않는 이슈를 타임라인의 내용(Day 컴포넌트 아래)과 헤더부분을 분리함으로 해결했습니다.

  • 내용부분에 useDateContext를 사용해야 했는데, 그러기 위해서는 헤더에 필요한 DateProvider 컴포넌트와 분리되어야 하기 때문에 내용 컴포넌트를 분리했습니다.

  • 인수인계 부분에서는 첫번째 태그의 글자수가 200픽셀 너비를 넘었을 때 아예 표시되지 않고 숫자만 (ex. '+4') 표시되는 문제가 있어서

  • 보여주는 태그를 선정하는 로직(getVisibleTags)에 첫번째 태그일 경우 말줄임표와 함께 표시하는 로직을 구현했습니다.


📌스크린샷 (선택)

2024-11-12.101518.mp4

Copy link

🚀 Storybook 확인하기 🚀

Copy link
Member

@namdaeun namdaeun left a comment

Choose a reason for hiding this comment

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

LGTM입니다요 ~~~🚀
타임블록 이름들이 귀엽네요


import { PATH } from '@/shared/constant/path';

const TimelineSection = () => {
const TimelineinDash = () => {
Copy link
Member

Choose a reason for hiding this comment

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

파스칼 케이스로 작성해주세용 !
그리고 컴포넌트명은 폴더구조가 이미 분리되어 있기 때문에 Timeline으로 해도 괜찮을 것 같은데 어떻게 생각하실까요 ??

Copy link
Contributor Author

Choose a reason for hiding this comment

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

인정합니다!! 💯

Copy link
Contributor

@rtttr1 rtttr1 left a comment

Choose a reason for hiding this comment

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

LGTM!!!!! 외국에서도 너무너무 열심히 해주는 보우니 짱입니다!!

Copy link
Contributor

@wuzoo wuzoo 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

🚀 Storybook 확인하기 🚀

Copy link
Member

@namdaeun namdaeun left a comment

Choose a reason for hiding this comment

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

고생했슴당 !!

@Bowoon1216 Bowoon1216 merged commit dc57735 into develop Nov 19, 2024
2 checks passed
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.

대시보드 타임라인 날짜 이슈 및 자잘한 css 수정
4 participants