Feat: 커미션 폼 수정 시 setQueryData로 클라이언트 데이터를 업데이트 한다

[Kim-DaHam]

개요

MyPage.tsx의 management 탭에서 커미션을 수정하면 setQueryData를 통해 클라이언트 데이터가 업데이트 됩니다.

커미션 폼이 isEditMode일 때 CommissionModal.tsx를 닫으려고 하면AlertModal.tsx를 띄웁니다.

작업사항

• usePostCommssionQuery 요청이 onSuccess되었을 때 setQueryData로 클라이언트 데이터를 업데이트 한다.
• 커미션 폼이 isEditMode일 때 CommissionModal.tsx의 닫기 버튼을 누르면AlertModal.tsx를 띄운다.
  • '나가기' 버튼을 누르면 커미션 폼 모달이 닫힌다.

변경로직

• 날짜 관련 데이터를 전부 string으로 받는다.
  • <input type='date'>요소에 기본 값을 지정하려면 string이어야 합니다.

변경후

https://github.com/Kim-DaHam/Portfolly/assets/81691456/acf103b2-819b-46e9-848d-25ff82afa5dc