henry/AnnasRechnungsManager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor: consolidate accounting routes under Buchhaltung submenu

Browse Source 
- New layout route: companies.$id.buchhaltung.tsx with card-based navigation
- Renamed 7 accounting routes to use buchhaltung prefix:
  - companies.$id.bilanzen.tsx → companies.$id.buchhaltung.bilanzen.tsx
  - companies.$id.ausgaben.tsx → companies.$id.buchhaltung.ausgaben.tsx
  - companies.$id.ausgaben.kategorien.tsx → companies.$id.buchhaltung.ausgaben.kategorien.tsx
  - companies.$id.einnahmen.tsx → companies.$id.buchhaltung.einnahmen.tsx
  - companies.$id.einnahmen.kategorien.tsx → companies.$id.buchhaltung.einnahmen.kategorien.tsx
  - companies.$id.anlagevermoegen.tsx → companies.$id.buchhaltung.anlagevermoegen.tsx
  - companies.$id.money.tsx → companies.$id.buchhaltung.money.tsx

- Updated routing configuration (app/routes.ts) to use nested layout structure
- Updated breadcrumbs in all accounting routes to show Buchhaltung hierarchy
- Updated internal links in kategorien pages to use new URLs
- Main menu now shows single 'Buchhaltung' card instead of 5 separate items

Navigation improvements:
- Cleaner main menu (1 item vs 5)
- Clear accounting subsection with icon-based navigation
- Consistent URL structure (/companies/:id/buchhaltung/*)
- Better information hierarchy

Build: ✅ Successful
Accounting routes: ✅ Accessible
Navigation: ✅ Functional

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
hwinkel
2026-04-15 21:41:56 +02:00
parent f10a79471e
commit ad80688b8b
68 changed files with 141 additions and 4014 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/routes/companies.$id.tsx
+5 -45
View File
@@ -233,53 +233,13 @@ export default function CompanyPage() {
</CardContent>
</Card>
</Link>
<Link to={`/companies/${id}/bilanzen`} className="block">
<Card className="hover:border-teal-200 hover:shadow-sm transition-all cursor-pointer">
<Link to={`/companies/${id}/buchhaltung/bilanzen`} className="block">
<Card className="hover:border-indigo-200 hover:shadow-sm transition-all cursor-pointer">
<CardContent className="pt-4 pb-4 flex items-center gap-3">
<div className="p-2 rounded-lg bg-teal-50">
<Scale className="h-4 w-4 text-teal-600" />
<div className="p-2 rounded-lg bg-indigo-50">
<Briefcase className="h-4 w-4 text-indigo-600" />
</div>
<span className="text-sm font-medium text-gray-700">Bilanzen</span>
</CardContent>
</Card>
</Link>
<Link to={`/companies/${id}/ausgaben`} className="block">
<Card className="hover:border-rose-200 hover:shadow-sm transition-all cursor-pointer">
<CardContent className="pt-4 pb-4 flex items-center gap-3">
<div className="p-2 rounded-lg bg-rose-50">
<TrendingDown className="h-4 w-4 text-rose-600" />
</div>
<span className="text-sm font-medium text-gray-700">Ausgaben</span>
</CardContent>
</Card>
</Link>
<Link to={`/companies/${id}/einnahmen`} className="block">
<Card className="hover:border-emerald-200 hover:shadow-sm transition-all cursor-pointer">
<CardContent className="pt-4 pb-4 flex items-center gap-3">
<div className="p-2 rounded-lg bg-emerald-50">
<TrendingUp className="h-4 w-4 text-emerald-600" />
</div>
<span className="text-sm font-medium text-gray-700">Einnahmen</span>
</CardContent>
</Card>
</Link>
<Link to={`/companies/${id}/anlagevermoegen`} className="block">
<Card className="hover:border-violet-200 hover:shadow-sm transition-all cursor-pointer">
<CardContent className="pt-4 pb-4 flex items-center gap-3">
<div className="p-2 rounded-lg bg-violet-50">
<PackageSearch className="h-4 w-4 text-violet-600" />
</div>
<span className="text-sm font-medium text-gray-700">Anlagevermögen</span>
</CardContent>
</Card>
</Link>
<Link to={`/companies/${id}/money`} className="block">
<Card className="hover:border-cyan-200 hover:shadow-sm transition-all cursor-pointer">
<CardContent className="pt-4 pb-4 flex items-center gap-3">
<div className="p-2 rounded-lg bg-cyan-50">
<DollarSign className="h-4 w-4 text-cyan-600" />
</div>
<span className="text-sm font-medium text-gray-700">Finanzmittel</span>
<span className="text-sm font-medium text-gray-700">Buchhaltung</span>
</CardContent>
</Card>
</Link>