Dialog와 Auth 버그 수정 및 스타일링 최종 완료 #64
Merged
Conversation
This file contains hidden or 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
- width 및 background-color 변경하고 input 색상 변경했습니다.
- fixed보다 absolute가 뒷배경에 위치해서 바꿨습니다.
- Error 메시지 가독성을 위해 배경색을 진하게 바꿨습니다.
- currentForm을 위한 toggle 버튼 추가 및 스타일링 변경
- Dialog가 AuthContainer의 currentForm 변경 시 키보드 트래핑 안되는 문제가 있어서 Auth에 Dialog를 아예 넣어버리고, Header 컴포넌트에서 Dialog로 감싸지 않고 바로 AuthContainer로 렌더링하게 했습니다.
hanana1253
added
✨ style
- 원래 esc 키로만 openButtonRef에 focus가 가는 문제가 있었는데, handleClose가 아닌 프롭으로 받은 onClose를 Dim과 CloseButton에 적용했던 실수 때문이었습니다. - handleClose를 넣어줌으로써 해결했습니다.
- toast 관련 상태를 header에 두고 로그인 시 토스트가 등장하게 했습니다.
- Auth에서 toast 띄우도록 했습니다.
- duration을 넘기면 해당 초 만큼 지속되는 Toast를 display하도록 하는 훅
- sign in, sign out에 대한 Toast 컴포넌트를 useToast 훅을 이용해서 삽입했습니다.
- Auth 컴포넌트에서 onSignUp, Menu에서 onSignOut을 받아서 Toast가 띄워지도록 프롭 타입 정의 및 프롭 전달 로직 추가
- lint 에러가 나서 내부 코드 및 import 구문 순서 등을 고쳤습니다.
- 더이상 withRouter 프롭 쓸일이 없어서 ErrorBoundary는 children만 받는 것으로 수정
- initial State를 덕타이핑하면서 AuthState와 충돌이 나서 as 단언문 추가
- 에러페이지에 Empty page 컴포넌트 삽입
- [_error.tsx를 위한 타입스크립트 예제](https://gist.github.com/Froelund/4d04d94931fa81a245a7dba8fc90e68a)를 참고하여 타입 정의 및 적용했습니다.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
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.
PR Type
What kind of change does this PR introduce?
Related Issues
#17
#63
#55
What does this PR do?
Other information