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

[FE] 스토리북의 버그를 고치고, 관련 컴포넌트를 일부 수정한다. #768

Merged
merged 17 commits into from
Oct 8, 2024

Conversation

ooherin
Copy link
Contributor

@ooherin ooherin commented Oct 7, 2024

❗ Issue

✨ 구현한 기능

1. 스토리북에서 작동하지 않았거나, 어색했던 스토리들을 수정.

다음과 같은 컴포넌트들을 수정했습니다. 해당 컴포넌트의 스토리 뿐만 아니라, 필요시 소스 코드를 수정했습니다.

  • AnswerIcon > none : 생성되도록 컴포넌트 수정

  • QuestionCartList : 밑에 팁이 띄어져 있던 UI 를 수정

  • before

스크린샷 2024-10-08 오전 12 17 49
  • after
    스크린샷 2024-10-08 오전 12 17 10

  • OptionButton : svg 코드가 다 노출되는 버그 수정

  • Accordion : 애니메이션 로직 추가

  • CheckBox : 불필요한 setIsChecked 속성 삭제. 해당 속성은 onClick 과 일치하고, 해당 속성을 빼도 문제가 없는 것을 확인했습니다.

  • FloatingButton : 스토리북에서 잘 뜨지 않았던 문제를 template 안에 렌더하여 해결

  • TipBox : 팁이 닫히면 안보여서, 해당 팁을 다시 여는 버튼 추가. 해당 팁 여는 로직이 로컬스토리지에 있어서 추가했습니다.

2. 스토리북에서 rem 적용

스토리북에서 rem이 먹히지 않았던 문제를 다음과 같은 코드를 preview.tsx 에 추가하여 해결하였습니다.

스크린샷 2024-10-08 오전 12 15 42

📢 논의하고 싶은 내용

🎸 기타

Copy link

github-actions bot commented Oct 7, 2024

Copy link
Contributor

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

github-actions bot commented Oct 8, 2024

Copy link
Contributor

Choose a reason for hiding this comment

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

해당 파일들 gitignore 에 경로 수정해서 추가하고 삭제처리행할거 같습니다

Copy link

github-actions bot commented Oct 8, 2024

Copy link
Contributor

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' }}>
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
<div style={{ width: '300px', height: '200px' }}>
<div style={{ width: '30rem', height: '20rem' }}>

Copy link

github-actions bot commented Oct 8, 2024

Copy link

github-actions bot commented Oct 8, 2024

Copy link

github-actions bot commented Oct 8, 2024

decorators: [
Story => (
<S.Wrapper>
<div style={{ width: '80px', height: '80px' }}>
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
<div style={{ width: '80px', height: '80px' }}>
<div style={{ width: '8rem', height: '8rem' }}>

Copy link

github-actions bot commented Oct 8, 2024

@healim01
Copy link
Contributor

healim01 commented Oct 8, 2024

rem 작업 이후 PR 에서 작업하신다고 해서 이만 머지합니다.

@healim01 healim01 merged commit 44f0661 into dev-fe Oct 8, 2024
2 checks passed
@healim01 healim01 deleted the fix/659-storybook branch October 8, 2024 04:33
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