[Feat/#76] 은행 컴포넌트(바텀시트) 구현 #78
Conversation
|
PR 작성하느라 고생 많았어요!! 라벨 잘 지정되었는지 확인 한 번 해 주기 🫶 |
src/assets/svgs/index.ts
Outdated
There was a problem hiding this comment.
p3) tsx로 맞춰주셨다고 해서 혼란스럽지 않도록 이 친구는 지워주는 게 좋을 것 같습니다~~!!
| `; | ||
|
|
||
| // BankBtn | ||
| export const BankBtnWrapper = styled.button` |
There was a problem hiding this comment.
p5) 결국 성공한,,, 이게 진짜 의지의 한국인이다
| const BankBottomSheet = ({ value, onBankClick, onOutClick }: BankBottomSheetProps) => { | ||
| return ( | ||
| <> | ||
| <S.BankLayout> |
There was a problem hiding this comment.
p1) PR에 올려주신 사진을 보면 은행을 선택해주세요 라는 글자 위에 function이라는 작은 글자가 보이는데 혹시 의도한 게 아니라면 지워주셔야 할 것 같아요!! 혹시 보기 용이하게 하기 위한 익스텐션 같은 거라면,,,,, 민망해서 혀깨물겠습니다
There was a problem hiding this comment.
헤헤 지우고.... 푸시를 까먹었어요...ㅎㅎ 완료했습니다!! 쵝오
| `; | ||
|
|
||
| // InputBank | ||
| export const InputBank = styled.div<{ $hasChildren: boolean }>` |
There was a problem hiding this comment.
p3) 제 기분탓일지 모르겠지만,,, 은행을 선택해주세요 Input 글자가 살짝 위로 치우쳐진 것 같아요!!!
| return ( | ||
| <S.InputAccountWrapper> | ||
| <S.InputAccountLabel>공연료 입금 계좌번호</S.InputAccountLabel> | ||
| <Spacing marginBottom="2" /> |
There was a problem hiding this comment.
p5) 도영 오빠가 만들어준 공통 컴포넌트 야무띠게 사용하는 채현,,, 조아욥
There was a problem hiding this comment.
도영리드 최고~ 칭찬해주는 신지는 그냥 내 사랑이나 먹어라.....
| import styled from "styled-components"; | ||
|
|
||
| // BankBottomSheet | ||
| export const BankLayout = styled.section` |
There was a problem hiding this comment.
p1) 여기서 사이즈가 안 맞아요! 이거 때문에 중앙 정렬이 되지 않는 것 같은데 확인 부탁드립니다!
| `; | ||
|
|
||
| // InputBank | ||
| export const InputBank = styled.div<{ $hasChildren: boolean }>` |
There was a problem hiding this comment.
p4) 이 컴포넌트 누르면 바텀시트가 열리니까 여기에 cursor: pointer; 추가하면 좋을 것 같아요!
src/constants/bankList.ts
Outdated
|
TODO: 개발자 도구 키면 발생하는 오류 -> 배포 환경에서 테스트 |
|
📌 관련 이슈번호
🎟️ PR 유형
어떤 변경 사항이 있나요?
✅ Key Changes
📢 To Reviewers
📸 스크린샷
입력 전 input창
은행 클릭시 바텀시트 오픈
입력 완료
🔗 참고 자료