[#46] Refactor/46/결제정보카드

[minzx23]

❓이슈

• close Refactor: 결제 정보 카드 리팩토링 #46

📝 Description

승인 반려 기능

• 게시자인 경우 상태가 '대기'인 영수증에 승인/반려 버튼 노출
• 승인 버튼 클릭 시 승인 확인 모달 노출
• 반려 버튼 클릭 시 버튼 대신 input과 저장 버튼 노출
• input에 반려 사유 작성 후 저장 버튼 누르면 영수증 상태 반려로 변경됨
• 영수증 반려 시 반려 사유가 칩 옆에 노출

아바타 수정

1. 사이즈 추가로 화질 저하 수정
2. 기존에는 게시자가 누구든 로그인한 계정의 아바타 노출 -> 게시자 아바타 노출로 수정

수정된 파일

receipt.queries.ts

• useUpdateStatus
  영수증 상태를 변경하고 목록 갱신

receipt.service.ts

• updateStatus
/api/v1/receipts/${id}/status를 호출

receipt.type.ts

-ReceiptDetailResponse
userPicture 추가로 유저의 프로필 사진 가져올 수 있게 함

Avatar.tsx

- Image 태그에 size 추가

ReceiptPayInfo

• action 추가로 승인/반려 버튼 나타나는 상황 관리
• showBtn으로 버튼 노출 여부 결정
• 모달 추가
• 게시자 필드에서 editable인 경우에는 현재 로그인한 유저의 아바타를, 아닌 경우에는 게시자의 아바타를 보여줌
• isRejecting이면 반려 사유 입력하는 input과 저장 버튼 노출, 아니면 승인 확인 모달 노출
• 저장 버튼 클릭 시 반려 사유와 상태 저장
• 승인/반려 두 경우 모두 칩 바뀌고, 반려일 경우에는 반려 사유도 함께 노출

🌀 PR Type

어떤 변경 사항이 있나요?

• 새로운 기능 추가
• 버그 수정
• CSS 등 사용자 UI 디자인 변경
• 코드에 영향을 주지 않는 변경사항 (오타 수정, 탭 사이즈 변경, 변수명 변경)
• 코드 리팩토링
• 주석 추가 및 수정
• 문서 수정
• 테스트 추가, 테스트 리팩토링
• 빌드 부분 혹은 패키지 매니저 수정
• 파일 혹은 폴더명 수정
• 파일 혹은 폴더 삭제

✅ Checklist

PR Checklist

PR이 다음 요구 사항을 충족하는지 확인하세요.

• Branch Convention 확인

  feat/ 기능 구현, fix/ 버그 수정, refactor/ 개선

• Base Branch 확인
• 커밋 메시지 컨벤션 준수
• 적절한 Label 지정
• Assignee 및 Reviewer 지정

Test Checklist

• 로컬 작동 확인

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
remate	Ready	Preview, Comment	May 18, 2026 5:12am

[minzx23]

게시자 아바타 이슈도 발견해서 같이 고쳤습니다

[LMS10]

수고하셨습니다리~~~~~