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] BottomSheet 애니메이션이 적용되지 않던 오류 수정 #493

Merged
merged 1 commit into from
Aug 22, 2024

Conversation

Todari
Copy link
Contributor

@Todari Todari commented Aug 22, 2024

issue

구현 목적

BottomSheet의 애니메이션이 적용되지 않던 버그가 있어 이를 수정합니다.

구현 사항

BottomSheet 구조상, 조건부 렌더링이 아닌, isOpen 상태의 변화를 통해 애니메이션을 적용해 주는 것이기 때문에, 조건부 렌더링을 진행하면 애니메이션이 적용되지 않습니다.

조건부 렌더링을 상태를 이용하도록 변경해 주었습니다.

🫡 참고사항

런칭페스티벌을 앞두고, 급하게 변경사항을 적용했습니다.
간단한 인원 변동 추가 바텀시트와 인원 수정 바텀시트는 잘 작동하지만,
여러 상태가 엮여있는 전체 참여자 바텀시트와 금액 수정 바텀시트는 여전히 작동하지 않습니다.

바텀시트 관련한 부분들도 수정을 직접 해보니 굉장히 결합도가 높고 불필요한 코드가 많아보여요
레벨 4에서 할일이 정말 고봉밥이네요...

@Todari Todari added this to the lev3 milestone Aug 22, 2024
@Todari Todari requested review from pakxe, soi-ha and jinhokim98 August 22, 2024 09:57
@Todari Todari self-assigned this Aug 22, 2024
@Todari Todari linked an issue Aug 22, 2024 that may be closed by this pull request
1 task
Copy link
Contributor

@jinhokim98 jinhokim98 left a comment

Choose a reason for hiding this comment

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

아 그러네요 행디 안에서 isOpen 일 때만 열리니깐;;; 이중적으로 막고 있었네요
굳입니다

Copy link
Contributor

@pakxe pakxe 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
Contributor

@soi-ha soi-ha left a comment

Choose a reason for hiding this comment

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

음~ 제가 바보짓을 했었네욧... 죄송합니댜!
수정해줘서 너무 고마워요 토다리 ㅜ

대신 제가 남긴 코멘트만 확인해주시면 좋을 것 같아요!

@@ -3,7 +3,7 @@ import {Title, FixedButton, ListButton, Button} from 'haengdong-design';
import {useOutletContext} from 'react-router-dom';

import StepList from '@components/StepList/StepList';
import {ModalBasedOnMemberCount} from '@components/Modal/index';
import {ModalBasedOnMemberCount, SetAllMemberListModal} from '@components/Modal/index';
Copy link
Contributor

Choose a reason for hiding this comment

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

SetAllMemberListModal import가 추가되었는데 어디서 사용하고 있는지 못 찾겠네요ㅜㅜ 어디서 사용되고 있을까요?

@pakxe pakxe merged commit c578a18 into fe-dev Aug 22, 2024
1 check passed
@pakxe pakxe deleted the feature/#492 branch August 22, 2024 15:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: ✅ Done
Development

Successfully merging this pull request may close these issues.

[FE] BottomSheet 애니메이션이 적용되지 않던 오류 수정
4 participants