import { useSignal } from 'https://esm.sh/v135/@preact/signals@1.2.2/X-ZS8q/dist/signals.js'
import { Budget } from '../models.ts'
import { BudgetCard, ProgressBarCard } from './BudgetCard.tsx'
import { IconButton } from '../components/IconButton.tsx'
import { Currency } from '../components/Currency.tsx'
export default function Dashboard() {
const activeNavItemIndex = useSignal(0)
const budgets: Budget[] = [
{
name: 'Groceries',
target: 1000,
spent: 367.97,
},
{
name:
'A very long budget name that should definitely be shortened to something reasonable',
target: 100000000,
spent: 26893085.56,
},
{
name: 'Fast Food',
target: 300,
spent: 420.69,
},
{
name: 'Insurance',
target: 220.44,
spent: 0,
},
{
name: 'Mortgage',
target: 1310.47,
spent: 1310.47,
},
]
const navItems = [
{
text: 'Some Text',
icon: (
),
},
{
text: 'Some Text',
icon: (
),
},
{
text: 'Some Text',
icon: (
),
},
]
const uncategorizedSpend = 851.22
return (
{/*Budgets Overview
*/}
{uncategorizedSpend <= 0 ? '' : (
}
>
You should categorize these!
)}
{budgets.map((budget, _i) => )}
)
}