[#90] 로그인 & 쿠폰 수정 공용 모달 컴포넌트 구현 및 로그인 페이지 적용 #94
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
dabin-Hailey
requested review from
turkey-kim,
jinjoo-jung,
JitHoon,
jiohjung98 and
ovoxiix
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
jinjoo-jung
approved these changes
Jan 24, 2024
Comment on lines
+7
to
15
| try { | ||
| const response = await instance.post('/v1/member/login', loginData); | ||
| return response; | ||
| } catch (error) { | ||
| if (error instanceof AxiosError) { | ||
| return error.response; | ||
| } | ||
| } | ||
| }; |
There was a problem hiding this comment.
이 부분은 나중에 쿼리로 바꾸실 예정인가요?!
There was a problem hiding this comment.
로그인에서는 로딩 처리를 별도로 하지 않고, 에러 처리도 모달을 띄우도록 되어있어서 쿼리 사용은 하지 않으려고 합니다..!
제가 mutation에 대해 잘 몰라서 그런걸 수도 있어서 혹시 더 좋은 방법이 있다면 제안주시면 너무 좋을 것같습니다!
There was a problem hiding this comment.
로그인과 회원가입 부분은 서버 상태에 따라서 클라이언트 상태가 변하는 부분이 크게 없어서 (현재 프로젝트에서는 클라이언트와 서버 각각 상태를 관리하는 상횡) 리액트 쿼리를 사용하지 않으셔도 충분할 것 같습니다!
다만 비동기 처리에 대해서 react-error-boundary가 감지하지 못해서 토스트로 에러 메시지를 사용자에거 띄워주는 작업이 필요할 수 있습니다!
Suspense 동작은 GET 요청을 사용하고 계시지 않기 때문에 로그인 전체 레이아웃을 가져오는 부분에서 감사주고 사용하시면 될 것 같습니다!
Comment on lines
+7
to
+16
| return ( | ||
| <Backdrop> | ||
| <Modal> | ||
| <Icon | ||
| src={ErrorIcon} | ||
| alt="에러 아이콘" | ||
| /> | ||
| <Text>{modalContent.text}</Text> | ||
| <ErrorText>{modalContent.errorText}</ErrorText> | ||
| <ConfirmButton onClick={ButtonFunc}>확인</ConfirmButton> |
There was a problem hiding this comment.
에러 모달 처리도 깔끔하게 해주신 것 같아요! 👍🏻
JitHoon
approved these changes
Jan 24, 2024
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
close #90
Description
로그인 페이지와 쿠폰 수정에서 공통으로 사용할 모달 컴포넌트를 생성했습니다.
로그인 페이지에서 오류가 발생했을 경우 해당 모달 띄우는 작업까지 완료했습니다.
스크린샷 (Optional)
2024-01-24.2.01.38.mov