Skip to content
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

[FE] 참여자 별 내역에서 토스로 송금 유도하는 기능 (마무리) #569

Closed
4 of 5 tasks
jinhokim98 opened this issue Sep 19, 2024 · 0 comments · Fixed by #577
Closed
4 of 5 tasks

[FE] 참여자 별 내역에서 토스로 송금 유도하는 기능 (마무리) #569

jinhokim98 opened this issue Sep 19, 2024 · 0 comments · Fixed by #577
Assignees
Labels
Milestone

Comments

@jinhokim98
Copy link
Contributor

jinhokim98 commented Sep 19, 2024

📄 설명

토스 송금 유도하는 기능 마무리 할 예정입니다.
남은 부분은 백엔드와 같이 페어 프로그래밍을 하면서 구현해야 할 것 같아요. 백엔드가 필요한 부분이라

이어서 하는 일이라 #551 이슈 브랜치를 이어서 작업할게요

🏁 할 일

  • 계좌 입력 백엔드와 연결
  • 계좌 입력 페이지 최신 플로우로 교체 및 교체 후 임시 라우팅 제거
  • 일반 초대하기 버튼을 눌렀을 때 계좌가 입력되지 않았다면 입력 유도 기능 추가
  • 카카오톡으로 송금하기를 눌렀을 때 계좌가 입력되지 않았다면 입력 유도 기능 추가 ([FE] 초대하기 OS 공유 기능 추가 #548 머지 후 가능)
  • 계좌가 입력되지 않았을 때 토스 버튼 클릭 시 처리

🫡 참고사항

@jinhokim98 jinhokim98 added this to the lev4 milestone Sep 19, 2024
@jinhokim98 jinhokim98 self-assigned this Sep 19, 2024
Todari pushed a commit that referenced this issue Sep 24, 2024
* chore: png 확장자 추가로 인한 file-loader설치 및 png 확장자 선언

* feat: icon에 toss 타입 추가

* feat: 은행 선택 디자인 구현

* design: 은행선택 grid 반응형적용

* feat: 계좌번호 입력 플로우 생성

* fix: 콘솔 창 오류 제거

* fix: 은행 이름 변경

* design: 지출 리스트 갭 변경

* feat: 참여자 별 내역에서 은행아이콘(토스) 보이도록 설정

* feat: cansubmit 추가

* fix: 스토리북 prop 누락 추가

* chore: png도 jest mock되도록 설정

* fix: 테스트 환경에선 상대경로 api, 브라우저 환경에선 절대경로 api를 호출하도록 설정

* feat: 은행 송금 버튼 생성

* feat: 버튼 클릭 시 모바일 환경에서 토스로 넘기는 기능

* feat: 모바일 기기 감지 기능 구현

* refactor: 디자인 컴포넌트에 맞게 디자인 외 기능 외부로 분리

* style: Bank send Flex 컴포넌트 이용

* style: bank select Flex 컴포넌트 이용

* style: expense list flex 컴포넌트로 이용

* style: 사용하지 않는 import 제거

* style: fileMock -> imageFileMock으로 파일 이름 변경

* feat: 이벤트 정보를 불러오고 정보를 수정하는 api 구현

* feat: eventName -> eventOutline으로 이름 변경

* feat: 계좌를 입력받는 기능 구현

* feat: 계좌번호 라우트 이벤트 id를 받도록 변경

* fix: 서버상태와 클라이언트 상태 분리

* test: event outline 수정 핸들러 등록

* fix: input 초기값 undefined 주지 않도록 설정

* fix: 변경된 상태를 보내도록 수정

* test: 초기 은행이름 맞춰줌

* feat: input에 항상 테두리가 보이도록 설정하는 옵션 추가

* feat: label input 라벨이 항상 보이도록 하는 옵션 추가

* fix: Line 컴포넌트 key prop 추가

* feat: index에 Line, FunnelLayout 추가

* feat: FunnelLayout 추가

* fix: 변경된 파일구조 반영

* style: eventName => event로 포괄적인 의미로 수정

* style: account => update로 라우팅 변경

* style: 퍼널 구조 형식으로 페이지 레이아웃 수정

* style: get event return을 묶어서 return

* fix: mocking base url  수정

* style: 디렉토리 이름 변경

* style: 사용하지 않게 된 핸들러 제거

* refactor: Event type 확장으로 기존에 선언했던 EventOutline 타입 제거 및 반영

* fix: 변경된 api 반영

* refactor: mutateAsync로 변경하여 비동기함수로 변경

* feat: 계좌번호 등록하고 관리페이지로 돌아가는 기능 구현

* feat: 계좌정보가 등록되지 않았을 때 공유 버튼을 누르면 계좌번호 입력을 유도하는 기능 구현

* refactor: 마지막 path를 바꿔주는 함수를 사용해서 route 하는 방식으로 변경

* feat: 마지막 변경이 아니라 마지막 path를 빼는 기능으로 변경

* feat: 바뀐 url path 정책 반영

* feat: 송금액이 0원일 때의 대체 버튼 추가

* design: 토스 아이콘 크기 수정

* feat: 계좌번호 정보를 복사 후 토스를 여는 기능 구현

* feat: 계좌번호가 입력되지 않았을 때 토스 송금 버튼을 눌렀을 때 토스트가 나오도록 설정

* Merge branch 'fe-dev' of https://github.com/woowacourse-teams/2024-haeng-dong into feature/#569

* fix: 지우지 않은 코드 삭제

* fix: 홈에서 버튼 누를 때 navigate 오류나는 버그 수정

* style: isFinish -> isDeposited로 prop 명 변경

* design: 불필요한 gap 제거

* refactor: mutation rest return하도록 설정
@3Juhwan 3Juhwan closed this as completed Sep 24, 2024
@Todari Todari added this to the v2.0.0 milestone Sep 25, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Status: ✅ Done
3 participants