diff --git a/frontend/src/components/filters/ActiveFilterChips.tsx b/frontend/src/components/filters/ActiveFilterChips.tsx
index ac7d072..cbeca3f 100644
--- a/frontend/src/components/filters/ActiveFilterChips.tsx
+++ b/frontend/src/components/filters/ActiveFilterChips.tsx
@@ -70,30 +70,6 @@ export function ActiveFilterChips({
});
}
- // Amount range chips
- if (filterState.minAmount || filterState.maxAmount) {
- let amountLabel = "Amount: ";
- const minAmount = filterState.minAmount
- ? parseFloat(filterState.minAmount)
- : null;
- const maxAmount = filterState.maxAmount
- ? parseFloat(filterState.maxAmount)
- : null;
-
- if (minAmount && maxAmount) {
- amountLabel += `€${minAmount} - €${maxAmount}`;
- } else if (minAmount) {
- amountLabel += `≥ €${minAmount}`;
- } else if (maxAmount) {
- amountLabel += `≤ €${maxAmount}`;
- }
-
- chips.push({
- key: "minAmount", // We'll clear both min and max when removing this chip
- label: amountLabel,
- value: `${filterState.minAmount}-${filterState.maxAmount}`,
- });
- }
const handleRemoveChip = (key: keyof FilterState) => {
switch (key) {
@@ -102,11 +78,6 @@ export function ActiveFilterChips({
onFilterChange("startDate", "");
onFilterChange("endDate", "");
break;
- case "minAmount":
- // Clear both min and max amount
- onFilterChange("minAmount", "");
- onFilterChange("maxAmount", "");
- break;
default:
onFilterChange(key, "");
}
diff --git a/frontend/src/components/filters/AdvancedFiltersPopover.tsx b/frontend/src/components/filters/AdvancedFiltersPopover.tsx
deleted file mode 100644
index f2b327e..0000000
--- a/frontend/src/components/filters/AdvancedFiltersPopover.tsx
+++ /dev/null
@@ -1,127 +0,0 @@
-import { useState } from "react";
-import { MoreHorizontal, Euro } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import {
- Popover,
- PopoverContent,
- PopoverTrigger,
-} from "@/components/ui/popover";
-
-export interface AdvancedFiltersPopoverProps {
- minAmount: string;
- maxAmount: string;
- onMinAmountChange: (value: string) => void;
- onMaxAmountChange: (value: string) => void;
-}
-
-export function AdvancedFiltersPopover({
- minAmount,
- maxAmount,
- onMinAmountChange,
- onMaxAmountChange,
-}: AdvancedFiltersPopoverProps) {
- const [open, setOpen] = useState(false);
-
- const hasAdvancedFilters = minAmount || maxAmount;
-
- return (
-
-
-
-
-
-
-
-
Advanced Filters
-
- Additional filters for more precise results
-
-
-
-
-
-
-
-
-
-
-
- onMinAmountChange(e.target.value)}
- className="pl-8"
- step="0.01"
- min="0"
- />
-
-
-
-
-
-
- onMaxAmountChange(e.target.value)}
- className="pl-8"
- step="0.01"
- min="0"
- />
-
-
-
-
- Leave empty for no limit
-
-
-
- {/* Future: Add transaction status filter */}
-
-
- More filters coming soon: transaction status, categories, and
- more.
-
-
-
- {/* Clear advanced filters */}
- {hasAdvancedFilters && (
-
-
-
- )}
-
-
- );
-}
diff --git a/frontend/src/components/filters/FilterBar.tsx b/frontend/src/components/filters/FilterBar.tsx
index b60841c..c25d418 100644
--- a/frontend/src/components/filters/FilterBar.tsx
+++ b/frontend/src/components/filters/FilterBar.tsx
@@ -4,7 +4,6 @@ import { cn } from "@/lib/utils";
import { DateRangePicker } from "./DateRangePicker";
import { AccountCombobox } from "./AccountCombobox";
import { ActiveFilterChips } from "./ActiveFilterChips";
-import { AdvancedFiltersPopover } from "./AdvancedFiltersPopover";
import type { Account } from "../../types/api";
export interface FilterState {
@@ -12,8 +11,6 @@ export interface FilterState {
selectedAccount: string;
startDate: string;
endDate: string;
- minAmount: string;
- maxAmount: string;
}
export interface FilterBarProps {
@@ -37,9 +34,7 @@ export function FilterBar({
filterState.searchTerm ||
filterState.selectedAccount ||
filterState.startDate ||
- filterState.endDate ||
- filterState.minAmount ||
- filterState.maxAmount;
+ filterState.endDate;
const handleDateRangeChange = (startDate: string, endDate: string) => {
onFilterChange("startDate", startDate);
@@ -57,48 +52,85 @@ export function FilterBar({
{/* Primary Filters Row */}
-