[#32] Feat/32/공통컴포넌트 결제내역

[minzx23]

❓이슈

• close Feat: [공통 컴포넌트] 영수증 결제 내역 카드 구현 #32

📝 Description

영수증 결제 내역 카드

- 업로드 페이지와 상세 페이지에서 같은 결과 나옴

테스트코드

업로드 페이지

{uploadData && (
        <div className='grid-2 md:grid-1'>
          <ReceiptPayInfo editable uploadData={uploadData} />
          <ReceiptItemInfo receiptId={uploadData.id} workspaceId={Number(params.workspaceId)} />
        </div>
      )}
    </div>

• {uploadData&&()} 부분을 위 코드로 수정

상세 페이지

<ReceiptItemInfo receiptId={Number(receiptId)} workspaceId={Number(workspaceId)} />

무한스크롤

• 품목이 많으면 무한스크롤 처리
• 모바일/태블릿 사이즈와 PC 사이즈의 max-h를 다르게 설정

🌀 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 12, 2026 7:02am

[LMS10]

수고하셨습니다~👍🏻💪🏻