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

[Fix] Box 컴포넌트의 text 스펙을 수정해요. #63

Merged
merged 42 commits into from
Jun 30, 2024

Conversation

eugene028
Copy link
Collaborator

@eugene028 eugene028 commented Jun 26, 2024

🎉 변경 사항

1. Box 컴포넌트의 text props에 ReactNode 형식을 넣을 수 있어요.
기존 Box 컴포넌트는 text props에 string 형식만 넣을 수 있도록 하였는데요,
2차 MVP를 보다 보니까 Box 컴포넌트가 매우 다양하게 활용되고 있어서 (text 컬러가 부분부분 다르게 들어간다거나, 여러 포맷을 가진 텍스트 형식이 들어가는 등..) text props에 ReactNode를 넣을 수 있도록 변경하였어요.

스크린샷 2024-06-27 오전 1 34 51

2. 기존에 존재하던 useCheckedState 훅을 두개로 분리했어요.
하나의 함수는 하나의 역할을 가지도록 그룹으로 사용될 수 있는 컴포넌트는 useGroupCheckedState를 사용하고, 단일로 체크 상태를 컨트롤 해야 하는 컴포넌트는 useCheckedState를 사용하도록 해요.

진짜 단순 분리만 해서 어느정도 중복되는 로직이 똑같이 들어가 있긴 합니다!!

storybook 테스트 오류 ? 😭

workflow에서 playwright 설치하는 내용 들어있는데 왜 자꾸 firefox를 찾을 수 없다고 뜨는걸까요.. (로컬에서는 pnpm storybook-test 하면 오류 없이 잘되는데 워크플로우에서만 이러네요 ㅠ)
(워크플로우)
스크린샷 2024-06-27 오전 3 16 23

(로컬)
스크린샷 2024-06-27 오전 3 31 34

아래 이슈들 반영 다 해보았는데 아직 해결을 못했네요 🥹
microsoft/playwright#30419
microsoft/playwright#29960

(해결✔️)
"@playwright/test": ^1.45.0 를 설치하니까 해결되었어요~

Copy link
Contributor

Copy link
Contributor

Copy link
Contributor

Copy link
Contributor

Copy link
Contributor

Copy link
Contributor

Copy link
Contributor

Copy link
Contributor

Copy link
Collaborator

@SeieunYoo SeieunYoo left a comment

Choose a reason for hiding this comment

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

수고 많으셨어요🤗
저는 두 개의 상태로 분리하는 것도 좋은 것 같아요~

packages/wow-ui/package.json Outdated Show resolved Hide resolved
packages/wow-ui/src/components/Box/index.tsx Outdated Show resolved Hide resolved
packages/wow-ui/src/components/Checkbox/index.tsx Outdated Show resolved Hide resolved
packages/wow-ui/src/hooks/useCheckedState.ts Show resolved Hide resolved
Copy link
Collaborator

@ghdtjgus76 ghdtjgus76 left a comment

Choose a reason for hiding this comment

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

굿굿 수고하셨습니다!

packages/wow-ui/src/hooks/index.ts Outdated Show resolved Hide resolved
packages/wow-ui/src/hooks/useCheckedState.ts Outdated Show resolved Hide resolved
packages/wow-ui/src/hooks/useCheckedState.ts Outdated Show resolved Hide resolved
packages/wow-ui/src/hooks/useGroupCheckedState.ts Outdated Show resolved Hide resolved
packages/wow-ui/src/components/Box/Box.stories.tsx Outdated Show resolved Hide resolved
packages/wow-ui/src/components/Box/index.tsx Outdated Show resolved Hide resolved
packages/wow-icons/src/component/index.ts Outdated Show resolved Hide resolved
Copy link
Contributor

Copy link
Contributor

Copy link
Collaborator

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

@SeieunYoo SeieunYoo left a comment

Choose a reason for hiding this comment

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

수고 많으셨어요~!~!

apps/wow-docs/app/page.tsx Outdated Show resolved Hide resolved
Copy link
Contributor

@eugene028 eugene028 merged commit fdc36e6 into main Jun 30, 2024
3 checks passed
@eugene028 eugene028 deleted the feature/box-component branch June 30, 2024 16: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.

3 participants