diff --git a/app/categories/page.tsx b/app/categories/page.tsx
index 27456bc..4933833 100644
--- a/app/categories/page.tsx
+++ b/app/categories/page.tsx
@@ -11,6 +11,7 @@ import {
import { useBankingMetadata, useCategoryStats } from "@/lib/hooks";
import { useQueryClient } from "@tanstack/react-query";
import { Button } from "@/components/ui/button";
+import { Card } from "@/components/ui/card";
import {
Dialog,
DialogContent,
@@ -43,7 +44,7 @@ export default function CategoriesPage() {
const [isDialogOpen, setIsDialogOpen] = useState(false);
const [editingCategory, setEditingCategory] = useState
{new Date(result.transaction.date).toLocaleDateString( - "fr-FR", + "fr-FR" )} {" • "} {new Intl.NumberFormat("fr-FR", { diff --git a/app/page.tsx b/app/page.tsx index 8d4d27f..f6ddf24 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -8,7 +8,6 @@ import { AccountsSummary } from "@/components/dashboard/accounts-summary"; import { CategoryBreakdown } from "@/components/dashboard/category-breakdown"; import { OFXImportDialog } from "@/components/import/ofx-import-dialog"; import { AccountFilterCombobox } from "@/components/ui/account-filter-combobox"; -import { Card, CardContent } from "@/components/ui/card"; import { useBankingData } from "@/lib/hooks"; import { Button } from "@/components/ui/button"; import { Upload } from "lucide-react"; diff --git a/app/rules/page.tsx b/app/rules/page.tsx index d83c52c..ce99b6d 100644 --- a/app/rules/page.tsx +++ b/app/rules/page.tsx @@ -39,7 +39,6 @@ export default function RulesPage() { const { data: transactionsData, isLoading: isLoadingTransactions, - invalidate: invalidateTransactions, } = useTransactions( { limit: 10000, // Large limit to get all uncategorized @@ -49,7 +48,7 @@ export default function RulesPage() { !!metadata, ); - const refresh = useCallback(() => { + const _refresh = useCallback(() => { invalidateAllTransactionQueries(queryClient); invalidateAllCategoryQueries(queryClient); }, [queryClient]); diff --git a/components/statistics/category-bar-chart.tsx b/components/statistics/category-bar-chart.tsx index 6510485..ec9437d 100644 --- a/components/statistics/category-bar-chart.tsx +++ b/components/statistics/category-bar-chart.tsx @@ -31,7 +31,15 @@ export function CategoryBarChart({ const displayData = data.slice(0, maxItems).reverse(); // Reverse pour avoir le plus grand en haut // Custom tick component for clickable labels - const CustomYAxisTick = ({ x, y, payload }: any) => { + const CustomYAxisTick = ({ + x, + y, + payload, + }: { + x: number; + y: number; + payload: { value: string }; + }) => { const categoryName = payload.value; const item = displayData.find((d) => d.name === categoryName); diff --git a/hooks/use-transactions-chart-data.ts b/hooks/use-transactions-chart-data.ts index 427c912..f5892e0 100644 --- a/hooks/use-transactions-chart-data.ts +++ b/hooks/use-transactions-chart-data.ts @@ -164,7 +164,7 @@ export function useTransactionsChartData({ ); return monthlyChartData; - }, [transactionsData]); + }, [transactionsData, metadata]); // Calculate category chart data (expenses only) const categoryData = useMemo(() => { diff --git a/hooks/use-transactions-page.ts b/hooks/use-transactions-page.ts index 6bad8b3..014479b 100644 --- a/hooks/use-transactions-page.ts +++ b/hooks/use-transactions-page.ts @@ -213,7 +213,7 @@ export function useTransactionsPage() { } else { setIsCustomDatePickerOpen(true); } - }, []); + }, [setPeriod]); const handleCustomStartDateChange = useCallback((date: Date | undefined) => { setCustomStartDate(date);