diff --git a/src/App.tsx b/src/App.tsx index 6135608..6ce4528 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,4 +1,4 @@ -import { useState, useCallback, useMemo } from 'react' +import { useState, useCallback, useMemo, useEffect } from 'react' import { useKV } from '@github/spark/hooks' import { useNotifications } from '@/hooks/use-notifications' import { useSampleData } from '@/hooks/use-sample-data' @@ -1243,6 +1243,10 @@ function TimesheetsView({ const [filteredTimesheets, setFilteredTimesheets] = useState(timesheetsToFilter) + useEffect(() => { + setFilteredTimesheets(timesheetsToFilter) + }, [timesheetsToFilter]) + const handleResultsChange = useCallback((results: Timesheet[]) => { setFilteredTimesheets(results) }, []) @@ -1734,6 +1738,10 @@ function BillingView({ invoices, searchQuery, setSearchQuery, onSendInvoice, onC const [viewingInvoice, setViewingInvoice] = useState(null) const [filteredInvoices, setFilteredInvoices] = useState(invoices) + useEffect(() => { + setFilteredInvoices(invoices) + }, [invoices]) + const handleResultsChange = useCallback((results: Invoice[]) => { setFilteredInvoices(results) }, []) @@ -2009,6 +2017,10 @@ function ComplianceView({ complianceDocs, onUploadDocument }: ComplianceViewProp const [viewingDocument, setViewingDocument] = useState(null) const [filteredDocs, setFilteredDocs] = useState(complianceDocs) + useEffect(() => { + setFilteredDocs(complianceDocs) + }, [complianceDocs]) + const handleResultsChange = useCallback((results: ComplianceDocument[]) => { setFilteredDocs(results) }, []) @@ -2331,6 +2343,10 @@ function ExpensesView({ const [filteredExpenses, setFilteredExpenses] = useState(expensesToFilter) + useEffect(() => { + setFilteredExpenses(expensesToFilter) + }, [expensesToFilter]) + const handleResultsChange = useCallback((results: Expense[]) => { setFilteredExpenses(results) }, [])