julienfroidefond/fintrack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement hierarchical category management with parent-child relationships and enhance category creation dialog

Browse Source
This commit is contained in:
Julien Froidefond
2025-11-27 10:29:59 +01:00
parent d7374e4129
commit 7314cb6716
9 changed files with 1048 additions and 260 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/transactions/page.tsx
View File

@@ -17,6 +17,7 @@ import {
DropdownMenuSeparator,
} from "@/components/ui/dropdown-menu"
import { OFXImportDialog } from "@/components/import/ofx-import-dialog"
import { CategoryIcon } from "@/components/ui/category-icon"
import { Search, CheckCircle2, Circle, MoreVertical, Tags, Upload, RefreshCw, ArrowUpDown, Check } from "lucide-react"
import { cn } from "@/lib/utils"
@@ -274,7 +275,7 @@ export default function TransactionsPage() {
<DropdownMenuSeparator />
{data.categories.map((cat) => (
<DropdownMenuItem key={cat.id} onClick={() => bulkSetCategory(cat.id)}>
<div className="w-3 h-3 rounded-full mr-2" style={{ backgroundColor: cat.color }} />
<CategoryIcon icon={cat.icon} color={cat.color} size={14} className="mr-2" />
{cat.name}
</DropdownMenuItem>
))}
@@ -392,11 +393,13 @@ export default function TransactionsPage() {
{category ? (
<Badge
variant="secondary"
className="gap-1"
style={{
backgroundColor: `${category.color}20`,
color: category.color,
}}
>
<CategoryIcon icon={category.icon} color={category.color} size={12} />
{category.name}
</Badge>
) : (
@@ -413,10 +416,7 @@ export default function TransactionsPage() {
<DropdownMenuSeparator />
{data.categories.map((cat) => (
<DropdownMenuItem key={cat.id} onClick={() => setCategory(transaction.id, cat.id)}>
<div
className="w-3 h-3 rounded-full mr-2"
style={{ backgroundColor: cat.color }}
/>
<CategoryIcon icon={cat.icon} color={cat.color} size={14} className="mr-2" />
{cat.name}
{transaction.categoryId === cat.id && <Check className="w-4 h-4 ml-auto" />}
</DropdownMenuItem>