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: 커피챗 입력 progress 박스 구현 #1595

Merged
merged 3 commits into from
Oct 21, 2024

Conversation

seojisoosoo
Copy link
Member

🤫 쉿, 나한테만 말해줘요. 이슈넘버

  • close #

🧐 어떤 것을 변경했어요~?

  • 커피챗 오픈/수정 뷰의 progress 박스를 구현했어요.

🤔 그렇다면, 어떻게 구현했어요~?

  • 커피챗 오픈인지 수정인지, 내 정보 수정 중인지, 커피챗 정보 수정 중인지에 대한 정보를 props로 받았어요.

❤️‍🔥 당신이 생각하는 PR포인트, 내겐 매력포인트.

  • width를 100%로 구현했둔 상태에요! 추후에 progress 박스가 자식으로 들어가는 Layout 컴포넌트를 구축할 예정이에요.

📸 스크린샷, 없으면 이것 참,, 섭섭한데요?

스크린샷 2024-10-16 오후 8 06 51

Copy link

height bot commented Oct 16, 2024

Link Height tasks by mentioning a task ID in the pull request title or commit messages, or description and comments with the keyword link (e.g. "Link T-123").

💡Tip: You can also use "Close T-X" to automatically close a task when the pull request is merged.

@seojisoosoo seojisoosoo self-assigned this Oct 16, 2024
@github-actions github-actions bot requested a review from pepperdad October 16, 2024 11:07
Copy link

github-actions bot commented Oct 16, 2024

✨✨ 스토리북으로 확인하기 ✨✨

Copy link

github-actions bot commented Oct 16, 2024

🚀 프리뷰 배포 확인하기 🚀

https://afeab421.sopt-internal-dev.pages.dev

Copy link
Member

@pepperdad pepperdad left a comment

Choose a reason for hiding this comment

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

고생하셨습니다~!!

import { IconCheck } from '@sopt-makers/icons';

interface ProgressBoxProps {
uploadType: string;
Copy link
Member

Choose a reason for hiding this comment

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

p2: uploadTyped이 오픈이랑 수정밖에 없으면 리터럴 타입으로 제한하는 게 좋아보여요!

Copy link
Member Author

Choose a reason for hiding this comment

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

헉 정말 좋습니다!!!

Comment on lines 93 to 99
{isInprogress ? (
<IconCheckCircle isInprogress>
<IconCheck />
</IconCheckCircle>
) : (
<IconCheckCircle isInprogress={isInprogress} />
)}
Copy link
Member

Choose a reason for hiding this comment

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

p2: 이 부분은 아래처럼 간소화하는 게 어떨까요?

Suggested change
{isInprogress ? (
<IconCheckCircle isInprogress>
<IconCheck />
</IconCheckCircle>
) : (
<IconCheckCircle isInprogress={isInprogress} />
)}
<IconCheckCircle isInProgress={isInProgress}>
{isInProgress && <IconCheck />}
</IconCheckCircle>

Copy link
Member Author

Choose a reason for hiding this comment

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

훨씬 간결하네용ㅎㅎ감사합니다!

@seojisoosoo seojisoosoo requested a review from pepperdad October 19, 2024 17:01
Copy link
Member

@pepperdad pepperdad left a comment

Choose a reason for hiding this comment

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

고생하셨습니다 😎

@seojisoosoo seojisoosoo merged commit e03c015 into feat/#1593 Oct 21, 2024
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants