refactor: UniversalListPage externalIsLoading 지원 및 스켈레톤 개선

- UniversalListPage에 externalIsLoading prop 추가
- CardTransactionDetailClient DevFill 자동입력 기능 추가
- 여러 컴포넌트 로딩 상태 처리 개선
- skeleton 컴포넌트 확장

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
유병철
2026-01-22 20:54:16 +09:00
parent 207520e1d6
commit 19237be4aa
71 changed files with 244 additions and 155 deletions

View File

@@ -12,7 +12,6 @@ import {
FileText,
Edit,
} from 'lucide-react';
import { ContentLoadingSpinner } from '@/components/ui/loading-spinner';
import { Badge } from '@/components/ui/badge';
import { Button } from '@/components/ui/button';
import { Checkbox } from '@/components/ui/checkbox';
@@ -673,16 +672,12 @@ export function AttendanceManagement() {
handleSubmitReason,
]);
// 로딩 상태
if (isLoading) {
return <ContentLoadingSpinner text="근태 정보를 불러오는 중..." />;
}
return (
<UniversalListPage<AttendanceRecord>
config={attendanceConfig}
initialData={mergedRecords}
initialTotalCount={mergedRecords.length}
externalIsLoading={isLoading}
/>
);
}

View File

@@ -405,6 +405,7 @@ export function CardManagement({ initialData }: CardManagementProps) {
config={cardManagementConfig}
initialData={cards}
initialTotalCount={cards.length}
externalIsLoading={isLoading}
/>
);
}

View File

@@ -764,6 +764,7 @@ export function EmployeeManagement() {
config={employeeConfig}
initialData={employees}
initialTotalCount={employees.length}
externalIsLoading={isLoading}
/>
);
}

View File

@@ -553,6 +553,7 @@ export function SalaryManagement() {
getItemId: (item) => item.id,
}}
onSearchChange={setSearchQuery}
externalIsLoading={isLoading}
/>
);
}

View File

@@ -837,6 +837,7 @@ export function VacationManagement() {
onTabChange={handleMainTabChange}
onSearchChange={setSearchQuery}
onFilterChange={handleFilterChange}
externalIsLoading={isLoading}
/>
);
}