-
Notifications
You must be signed in to change notification settings - Fork 1
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
design: Page 병합(로그인 페이지, 2차 페이지) #157
Conversation
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.
로그인 페이지와 모달에 재사용되는 부분 login form으로 따로 분리한 것 너무 좋은 것 같습니다👍👍
2차 페이지 병합 구현하시느라 수고 많으셨어요!!!
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.
loginfrom 을 별도로 분리한 부분 확인했습니다! 추후 api 연동이나 데이터 패칭 시에도 이렇게 분리하면 이 역할을 하는 부분을 보다 확실하게 찾아갈 수 있을거같네요!
수고 많으셨습니다 😄
@@ -0,0 +1,67 @@ | |||
/* eslint-disable jsx-a11y/control-has-associated-label */ |
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.
해당 주석은 어떤 코드에 대해서 lint 를 예외 처리 한 건지 알 수 있을까요?!
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.
코드를 제가 작성한게 아니라 잘은 모르지만, 하단 소셜 로그인 버튼값을 받아오는데 버튼 안에 텍스트 없이 svg만 있어서 발생하는 eslint인거 같아요.!!
<Input | ||
icon={<Envelope />} | ||
placeholder="이메일" | ||
style={{ width: '450px' }} | ||
/> | ||
<Input | ||
icon={<Lock />} | ||
placeholder="비밀번호" | ||
style={{ width: '450px' }} | ||
/> |
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.
input 컴포넌트를 확인해보니 width 관련 css 속성이 없더라구요. 재사용되는 input의 케이스가 한정적이라면 width 역시 스타일을 case 별로 지정해도 좋을거같다고 생각합니다.
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.
오오 생각하지 못했는데 좋은 생각인거 같아용 ㅎㅎ
💡 작업 내용
💡 자세한 설명
✅ LoginForm
모달 부분을 보다 쉽게 분리하기 위해서
기존에 있던
LoginModal
에서LoginForm
부분을molecule
로 분리하여 구현 후LoginModal
에 import하여 사용하였습니다.+) 스토리북에도 추가해두었습니다!
✅ LoginPage, LandingPage, TodayTalkPickPage
Header
의 shadowBox 및Footer
수정하였는데, 추가적으로 아름님 pr에 맞추었습니다!LandingPage
을 제외한 나머지 페이지에 대해서만 추가해주었습니다. 각각/login
과/todaytalkpick
으로 추가해두었습니다.📗 참고 자료 (선택)
📢 리뷰 요구 사항 (선택)
🚩 후속 작업 (선택)
✅ 셀프 체크리스트
closes #153