[#301] 프로필 공유 모달 제작 #317
[#301] 프로필 공유 모달 제작 #317
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
|
||
| const createSheareProfilService = async ( | ||
| studentId?: string, | ||
| periodDay?: number | undefined |
There was a problem hiding this comment.
타입은 둘다 필수로 변경하고, periodDay는 number로 변경하는편이 좋을거같아요.
There was a problem hiding this comment.
f0d1816
수정했습니다
기본값을 설정해둔걸 잊어버렸어요 ㅠㅠㅠ
| isModalOpen?: boolean | ||
| } | ||
|
|
||
| /** | ||
| * 배경은 blur로 되어 있음 | ||
| */ | ||
| const BlurPortal = ({ children }: Props) => { | ||
| const BlurPortal = ({ children, isModalOpen }: Props) => { | ||
| const portalValue = usePortal(true) | ||
|
|
||
| if (!portalValue) return <></> | ||
| if (!portalValue) return null | ||
|
|
||
| const { onClick, onClose, portal } = portalValue | ||
|
|
||
| const handleClick = isModalOpen ? undefined : onClose | ||
|
|
||
| return ReactDOM.createPortal( | ||
| <S.Wrapper onClick={onClose}> | ||
| <S.Wrapper onClick={handleClick}> |
There was a problem hiding this comment.
isModalOpen 필요 없습니다
features/modal/stores/modalSlice 를 참고해주세요
There was a problem hiding this comment.
isModalOpen은 사용자의 디테일 모달 위에 사용자 프로필 공유 모달이 생성 되었는지 아닌지 판단하고 생성 되었다면 handleClick을 undefined로 바꾸고 사용자 프로필 공유 모달이 생성되지 않았다면 onClose로 바꾸기 위해 사용했었습니다.
그렇지만 위에서 말씀 하신 것 처럼 isModalOpen이 필요하지 않다고 하셔서 isModalOpen로직을 지우고 동작을 해본 결과 두개의 모달이 겹칠 때 아무대나 클릭을 해도 모달이 둘다 닫쳐 버리는 문제가 있어 이벤트 버블링 문제라고 판단하여 504be94 이와 같이 수정해봤습니다!
| const fetchAccessService = async () => { | ||
| if (!data) { | ||
| router.push('/', '/') | ||
| return | ||
| } | ||
| onShow(<StudentDetailModal studentId='' student={data} />) | ||
| } | ||
|
|
||
| onShow(<StudentDetailModal studentId='' student={data} />) | ||
| fetchAccessService() |
There was a problem hiding this comment.
모달을 다 수정하고 git pull origin develop을 했는데 충돌이 나서 rebase로 해결을 했는데 그 과정에서 전에 올라간 것들이 한번 덮어 씌어진 것 같아요
There was a problem hiding this comment.
그 전으로 되돌리는 게 좋을 것 같은데
비동기 처리도 안 하면서 굳이 async 함수까지 만들 필요는 없는 것 같은데
오히려 복잡성만 높아진듯
…o feature/profileShareModal
packages/app/src/features/student/atoms/ProfileShareModalSection/index.tsx
Outdated
Show resolved
Hide resolved
packages/app/src/features/student/atoms/ProfileShareModalSection/index.tsx
Outdated
Show resolved
Hide resolved
| const fetchAccessService = async () => { | ||
| if (!data) { | ||
| router.push('/', '/') | ||
| return | ||
| } | ||
| onShow(<StudentDetailModal studentId='' student={data} />) | ||
| } | ||
|
|
||
| onShow(<StudentDetailModal studentId='' student={data} />) | ||
| fetchAccessService() |
There was a problem hiding this comment.
그 전으로 되돌리는 게 좋을 것 같은데
비동기 처리도 안 하면서 굳이 async 함수까지 만들 필요는 없는 것 같은데
오히려 복잡성만 높아진듯
…o feature/profileShareModal
…o feature/profileShareModal
💡 배경 및 개요
프로필 공유 하기 위해 프로필 모달을 제작 해야했습니다.
Resolves: #301
📃 작업내용
프로필 공유 모달을 제작 하였습니다.