-
Notifications
You must be signed in to change notification settings - Fork 6
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
Feat: 로그인 모달 UI 구현 #33
Conversation
@ParkSohyunee is attempting to deploy a commit to the Eujin Ahn's projects Team on Vercel. A member of the Team first needs to authorize it. |
interface ModalMainProps { | ||
size?: 'basic' | 'large'; | ||
children?: ReactNode; | ||
handleModalClose: () => void; | ||
} | ||
|
||
function ModalMain({ children, handleModalClose }: ModalMainProps) { | ||
function ModalMain({ size = 'basic', children, handleModalClose }: ModalMainProps) { | ||
const { ref } = useOnClickOutside(() => { | ||
handleModalClose(); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
(참고) 현재 size가 옵셔널로 되어있는데, 기존 모달을 사용하는 코드에서 size prop을 모두 지정후에 옵셔널을 지울 생각입니다!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
일정 후에 빠르게 작업까지ㅠㅠ 감사합니다!! LGTM👍👍
interface SizeVariantsType { | ||
[key: string]: ComplexStyleRule; | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
노트노트⭐️ 감사합니다!!🥹👍
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
오매낫 어떻게 이렇게 빨리 만드셨나요?!!🤩 제 상세 페이지에 당장 반영해야겠습니당..👀 너무 고생하셨습니다!! LGTM
}} | ||
> | ||
<button onClick={() => handleSetOn()}> | ||
누르면 로그인 모달 등장 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
친절한 주석 설명 감사합니다..!🥰
</div> | ||
</div> | ||
<div className={styles.buttonContainer}> | ||
<Link href={`${baseUrl}/auth/${oauthType.naver}`}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
와... 저도 링크 쓸 수 있는 건 그냥 링크 써도 됐는데.. 완전 까먹고 있었어요👀 감사합니다..!
export const text = style({ | ||
color: vars.color.black, | ||
|
||
// TODO Body Regular로 변경하기 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
todo란 이렇게 쓰는 것이다.. 메모메모
개요
작업 사항
참고 사항 (optional)
스크린샷
ㄴ 로그인 후 현재는 탐색페이지(/)로 이동하지만, 로그인을 시도했던 페이지로 이동하도록 수정 예정
ㄴ 리다이렉트 페이지로 이동하면서 모달은 자동으로 닫힘
리뷰어에게