feat: integrate ai jars into budget, rename tabs, and fix dashboard navigation

This commit is contained in:
CycroftX
2026-02-16 12:45:06 +05:30
parent 3d95b99502
commit 9dbfb70dc2
21 changed files with 643 additions and 68 deletions

View File

@@ -12,6 +12,8 @@ import FullExpensesTable from '@/components/budget/FullExpensesTable';
import AddExpenseForm from '@/components/budget/AddExpenseForm';
import SetBudgetForm from '@/components/budget/SetBudgetForm';
import BudgetGoalPlanning from '@/components/budget/BudgetGoalPlanning'; // Import new component
export default function BudgetManager() {
return (
<div className="space-y-6 animate-fade-in text-slate-800 pb-10">
@@ -43,6 +45,7 @@ export default function BudgetManager() {
<TabsTrigger value="overview" className="rounded-xl px-4 lg:px-6 py-2.5 text-sm font-medium data-[state=active]:bg-white data-[state=active]:text-slate-900 data-[state=active]:shadow-sm text-slate-500 transition-all">Overview</TabsTrigger>
<TabsTrigger value="budgets" className="rounded-xl px-4 lg:px-6 py-2.5 text-sm font-medium data-[state=active]:bg-white data-[state=active]:text-slate-900 data-[state=active]:shadow-sm text-slate-500 transition-all">Budgets</TabsTrigger>
<TabsTrigger value="expenses" className="rounded-xl px-4 lg:px-6 py-2.5 text-sm font-medium data-[state=active]:bg-white data-[state=active]:text-slate-900 data-[state=active]:shadow-sm text-slate-500 transition-all">Expenses</TabsTrigger>
<TabsTrigger value="goal-planning" className="rounded-xl px-4 lg:px-6 py-2.5 text-sm font-medium data-[state=active]:bg-white data-[state=active]:text-slate-900 data-[state=active]:shadow-sm text-slate-500 transition-all">Goal Planning</TabsTrigger>
<TabsTrigger value="add-expense" className="rounded-xl px-4 lg:px-6 py-2.5 text-sm font-medium data-[state=active]:bg-white data-[state=active]:text-slate-900 data-[state=active]:shadow-sm text-slate-500 transition-all">Add Expense</TabsTrigger>
<TabsTrigger value="set-budget" className="rounded-xl px-4 lg:px-6 py-2.5 text-sm font-medium data-[state=active]:bg-white data-[state=active]:text-slate-900 data-[state=active]:shadow-sm text-slate-500 transition-all">Set Budget</TabsTrigger>
</TabsList>
@@ -65,12 +68,17 @@ export default function BudgetManager() {
<FullExpensesTable />
</TabsContent>
{/* Tab 4: Add Expense */}
{/* Tab 4: Goal Planning */}
<TabsContent value="goal-planning" className="outline-none animate-in fade-in slide-in-from-bottom-2 duration-500">
<BudgetGoalPlanning />
</TabsContent>
{/* Tab 5: Add Expense */}
<TabsContent value="add-expense" className="outline-none animate-in fade-in slide-in-from-bottom-2 duration-500">
<AddExpenseForm />
</TabsContent>
{/* Tab 5: Set Budget */}
{/* Tab 6: Set Budget */}
<TabsContent value="set-budget" className="outline-none animate-in fade-in slide-in-from-bottom-2 duration-500">
<SetBudgetForm />
</TabsContent>