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] refactor: MediaControlButton 개선 #226

Merged

Conversation

d0422
Copy link
Collaborator

@d0422 d0422 commented Dec 7, 2023

PR 설명

MediaControlButton을 Mic와 Video Button으로 분리하고, onColor와 offColor를 props로 받아 색상 문제 해결

✅ 완료한 기능 명세

  • MediaControlButton 개선

📸 스크린샷

image

고민과 해결과정

굳이 kind를 통해 조건부 렌더링을 시킬 필요가 없다고 생각하게되었고 따라서 kind를 기준으로 다르게 렌더링 시켰던 부분을 제거하였음
또한 재사용시 켜졌을때와 꺼졌을 때의 색상을 다르게 줘야하는 부분이 있어 문제가 있었는데, 이부분을 해결하기 위해 props로 onColor와 offColor를 넣어서 해결함

… offColor를 props로 받아 색상 문제 해결

MediaControlButton을 Mic와 Video Button으로 분리하고, onColor와 offColor를 props로 받아 색상 문제 해결
@d0422 d0422 added enhancement 개선 또는 피드백 반영 FrontEnd 프론트엔드 관련 labels Dec 7, 2023
@d0422 d0422 requested a review from HBSPS December 7, 2023 09:24
@d0422 d0422 self-assigned this Dec 7, 2023
ControlButton에 대한 테스트 코드 변경
Copy link
Collaborator

@HBSPS HBSPS left a comment

Choose a reason for hiding this comment

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

컴포넌트화 되면서 불필요한 svg 파일들을 제거하는 것은 어떨까요?

불필요한 svg삭제
@d0422 d0422 merged commit 05a024e into boostcampwm2023:dev Dec 7, 2023
6 checks passed
@HBSPS HBSPS changed the title refactor: [FE] MediaControlButton 개선 [FE] refactor: MediaControlButton 개선 Dec 7, 2023
@d0422 d0422 mentioned this pull request Dec 7, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement 개선 또는 피드백 반영 FrontEnd 프론트엔드 관련
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants