feat: integrate ai jars into budget, rename tabs, and fix dashboard navigation
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user