-
Notifications
You must be signed in to change notification settings - Fork 6
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
[FE] 스토리북의 버그를 고치고, 관련 컴포넌트를 일부 수정한다. #768
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
스토리북 수고하셨습니다
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
해당 파일들 gitignore 에 경로 수정해서 추가하고 삭제처리행할거 같습니다
frontend/test-results/.last-run.json
Outdated
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
이 파일도 필요할거 같습니다
@@ -6,6 +6,13 @@ import FloatingButton from '@/components/_common/FloatingButton/FloatingButton'; | |||
const meta: Meta<typeof FloatingButton> = { | |||
title: 'components/FloatingButton', | |||
component: FloatingButton, | |||
decorators: [ | |||
Story => ( | |||
<div style={{ width: '300px', height: '200px' }}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<div style={{ width: '300px', height: '200px' }}> | |
<div style={{ width: '30rem', height: '20rem' }}> |
decorators: [ | ||
Story => ( | ||
<S.Wrapper> | ||
<div style={{ width: '80px', height: '80px' }}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<div style={{ width: '80px', height: '80px' }}> | |
<div style={{ width: '8rem', height: '8rem' }}> |
rem 작업 이후 PR 에서 작업하신다고 해서 이만 머지합니다. |
❗ Issue
✨ 구현한 기능
1. 스토리북에서 작동하지 않았거나, 어색했던 스토리들을 수정.
다음과 같은 컴포넌트들을 수정했습니다. 해당 컴포넌트의 스토리 뿐만 아니라, 필요시 소스 코드를 수정했습니다.
AnswerIcon
> none : 생성되도록 컴포넌트 수정QuestionCartList
: 밑에 팁이 띄어져 있던 UI 를 수정before
after
OptionButton
: svg 코드가 다 노출되는 버그 수정Accordion
: 애니메이션 로직 추가CheckBox
: 불필요한setIsChecked
속성 삭제. 해당 속성은 onClick 과 일치하고, 해당 속성을 빼도 문제가 없는 것을 확인했습니다.FloatingButton
: 스토리북에서 잘 뜨지 않았던 문제를 template 안에 렌더하여 해결TipBox
: 팁이 닫히면 안보여서, 해당 팁을 다시 여는 버튼 추가. 해당 팁 여는 로직이 로컬스토리지에 있어서 추가했습니다.2. 스토리북에서 rem 적용
스토리북에서 rem이 먹히지 않았던 문제를 다음과 같은 코드를
preview.tsx
에 추가하여 해결하였습니다.📢 논의하고 싶은 내용
🎸 기타