diff --git a/src/components/accounting/VendorManagement/VendorManagementClient.tsx b/src/components/accounting/VendorManagement/VendorManagementClient.tsx index 47fcfb19..beff24e7 100644 --- a/src/components/accounting/VendorManagement/VendorManagementClient.tsx +++ b/src/components/accounting/VendorManagement/VendorManagementClient.tsx @@ -11,7 +11,6 @@ import { useState, useMemo, useCallback } from 'react'; import { useRouter } from 'next/navigation'; -import { format, startOfMonth, endOfMonth } from 'date-fns'; import { formatNumber } from '@/lib/utils/amount'; import { applyFilters, textFilter, enumFilter } from '@/lib/utils/search'; import { @@ -73,8 +72,8 @@ export function VendorManagementClient({ initialData, initialTotal: _initialTota const router = useRouter(); // ===== 상태 관리 ===== - const [startDate, setStartDate] = useState(() => format(startOfMonth(new Date()), 'yyyy-MM-dd')); - const [endDate, setEndDate] = useState(() => format(endOfMonth(new Date()), 'yyyy-MM-dd')); + const [startDate, setStartDate] = useState(''); + const [endDate, setEndDate] = useState(''); const [searchQuery, setSearchQuery] = useState(''); const [sortOption, setSortOption] = useState('latest'); const [categoryFilter, setCategoryFilter] = useState('all'); @@ -124,9 +123,12 @@ export function VendorManagementClient({ initialData, initialTotal: _initialTota enumFilter('transactionGrade', transactionGradeFilter), enumFilter('badDebtStatus', badDebtFilter), (items: Vendor[]) => items.filter((item) => { + if (!startDate && !endDate) return true; if (!item.createdAt) return true; const created = item.createdAt.slice(0, 10); - return created >= startDate && created <= endDate; + if (startDate && created < startDate) return false; + if (endDate && created > endDate) return false; + return true; }), ]); diff --git a/src/components/accounting/VendorManagement/index.tsx b/src/components/accounting/VendorManagement/index.tsx index 11479cb0..56d8c8a6 100644 --- a/src/components/accounting/VendorManagement/index.tsx +++ b/src/components/accounting/VendorManagement/index.tsx @@ -76,9 +76,9 @@ interface VendorManagementProps { export function VendorManagement({ initialData, initialTotal: _initialTotal }: VendorManagementProps) { const router = useRouter(); - // ===== 날짜 범위 상태 ===== - const [startDate, setStartDate] = useState(() => format(startOfMonth(new Date()), 'yyyy-MM-dd')); - const [endDate, setEndDate] = useState(() => format(endOfMonth(new Date()), 'yyyy-MM-dd')); + // ===== 날짜 범위 상태 (빈 값 = 전체 조회) ===== + const [startDate, setStartDate] = useState(''); + const [endDate, setEndDate] = useState(''); // ===== 외부 상태 (Stats 계산용) ===== const [vendorData, setVendorData] = useState(initialData);