[#31] Feat/31/공통컴포넌트 결제정보

[minzx23]

❓이슈

• close Feat: [공통 컴포넌트] 영수증 결제 정보 카드 구현 #31

📝 Description

영수증 결제 정보 상세 카드

업로드 페이지

<ReceiptPayInfo editable uploadData={uploadData} />

- 파일 선택에 파일을 누른 후 'AI 분석 시작하기' 버튼 누름 - 영수증 결제 정보 상세 카드 나옴 - 수정 필드 >> 피그마에 없어서 이메일 인풋 보고 임의로 만들었습니다

영수증 상세 페이지

<ReceiptPayInfo  />

필드 수정

• editable이 true일때만 수정 가능
• edit 아이콘 누르면 수정 필드 열림
• 수정 필드 열린 상태에서 edit 아이콘 다시 누르면 필드 닫힘
• 수정된 사항 있더라도 edit 아이콘 다시 누르면 수정 사항 사라짐

카드 내부 요소

게시자 필드

• 아바타 컴포넌트 제작 후 수정 예정

AI 분석 결과 필드

• ResultChip 컴포넌트 수정
• NIGHT_PAYMENT, HOLIDAY_PAYMENT, SUSPICIOUS_ENTERTAINMENT, SPLIT_PAYMENT_SUSPICIOUS로 바로 값을 받을 수 있게 수정

상태 필드

• StatusChip 컴포넌트 수정
• 'ANALYZING', 'NEED_MANUAL', 'WAITING'은 대기로 설정
• 'APPROVED', 'REJECTED'도 바로 값을 받을 수 있게 수정

🌀 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 11, 2026 0:50am

[LMS10]

수고하셨습니다~~