SamProject/sam-react-prod
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: UI 컴포넌트 추상화 및 입금/출금 등록 버튼 추가

Browse Source 
- 입금관리, 출금관리 리스트에 등록 버튼 추가
- skeleton, confirm-dialog, empty-state, status-badge UI 컴포넌트 추가
- document-system 컴포넌트 추상화 (ApprovalLine, DocumentHeader 등)
- 여러 페이지 컴포넌트 리팩토링 및 코드 정리

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
유병철
2026-01-22 17:21:42 +09:00
parent 777dccc7bd
commit 269b901e64
86 changed files with 3761 additions and 2614 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
src/components/quotes/QuoteManagementClient.tsx
View File

@@ -43,16 +43,7 @@ import {
} from '@/components/templates/UniversalListPage';
import { ListMobileCard, InfoField } from '@/components/organisms/MobileCard';
import { StandardDialog } from '@/components/molecules/StandardDialog';
import {
AlertDialog,
AlertDialogAction,
AlertDialogCancel,
AlertDialogContent,
AlertDialogDescription,
AlertDialogFooter,
AlertDialogHeader,
AlertDialogTitle,
} from '@/components/ui/alert-dialog';
import { DeleteConfirmDialog } from '@/components/ui/confirm-dialog';
import { toast } from 'sonner';
import { formatAmount, formatAmountManwon } from '@/utils/formatAmount';
import type { Quote, QuoteFilterType } from './types';
@@ -696,49 +687,36 @@ export function QuoteManagementClient({
</StandardDialog>
{/* 삭제 확인 다이얼로그 */}
<AlertDialog open={isDeleteDialogOpen} onOpenChange={setIsDeleteDialogOpen}>
<AlertDialogContent>
<AlertDialogHeader>
<AlertDialogTitle>견적 삭제 확인</AlertDialogTitle>
<AlertDialogDescription>
{deleteTargetId
? `견적번호: ${allQuotes.find((q) => q.id === deleteTargetId)?.quoteNumber || deleteTargetId}`
: ''}
<br />
이 견적을 삭제하시겠습니까? 삭제된 데이터는 복구할 수 없습니다.
</AlertDialogDescription>
</AlertDialogHeader>
<AlertDialogFooter>
<AlertDialogCancel disabled={isPending}>취소</AlertDialogCancel>
<AlertDialogAction onClick={handleConfirmDelete} disabled={isPending}>
{isPending ? '삭제 중...' : '삭제'}
</AlertDialogAction>
</AlertDialogFooter>
</AlertDialogContent>
</AlertDialog>
<DeleteConfirmDialog
open={isDeleteDialogOpen}
onOpenChange={setIsDeleteDialogOpen}
description={
<>
{deleteTargetId
? `견적번호: ${allQuotes.find((q) => q.id === deleteTargetId)?.quoteNumber || deleteTargetId}`
: ''}
<br />
이 견적을 삭제하시겠습니까? 삭제된 데이터는 복구할 수 없습니다.
</>
}
loading={isPending}
onConfirm={handleConfirmDelete}
/>
{/* 일괄 삭제 확인 다이얼로그 */}
<AlertDialog
<DeleteConfirmDialog
open={isBulkDeleteDialogOpen}
onOpenChange={setIsBulkDeleteDialogOpen}
>
<AlertDialogContent>
<AlertDialogHeader>
<AlertDialogTitle>일괄 삭제 확인</AlertDialogTitle>
<AlertDialogDescription>
선택한 {bulkDeleteIds.length}개의 견적을 삭제하시겠습니까?
<br />
삭제된 데이터는 복구할 수 없습니다.
</AlertDialogDescription>
</AlertDialogHeader>
<AlertDialogFooter>
<AlertDialogCancel disabled={isPending}>취소</AlertDialogCancel>
<AlertDialogAction onClick={handleConfirmBulkDelete} disabled={isPending}>
{isPending ? '삭제 중...' : '삭제'}
</AlertDialogAction>
</AlertDialogFooter>
</AlertDialogContent>
</AlertDialog>
description={
<>
선택한 {bulkDeleteIds.length}개의 견적을 삭제하시겠습니까?
<br />
삭제된 데이터는 복구할 수 없습니다.
</>
}
loading={isPending}
onConfirm={handleConfirmBulkDelete}
/>
</>
);
}