${title}

← Back to Home

$${gamesBudget}

Games

$${gadgetsBudget}

Gadgets

\n Spend 💸\n

\n `;\n\n return c.html(renderPageLayout('Budget Tracker', styles, body));\n}\n\nexport async function handleGetSpendForm(c: Context) {\n const { gamesBudget, gadgetsBudget } = await getBudgetData();\n\n const styles = `\n body {\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n }\n form {\n background: white;\n padding: 30px;\n border-radius: 8px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n width: 300px;\n }\n input {\n width: 100%;\n padding: 10px;\n margin: 10px 0;\n border: 1px solid #ddd;\n border-radius: 4px;\n }\n button {\n width: 100%;\n padding: 10px;\n background-color: #4CAF50;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n }\n .cancel {\n display: block;\n text-align: center;\n margin-top: 15px;\n color: #666;\n text-decoration: none;\n }\n `;\n\n const body = `\n \n `;\n\n return c.html(renderPageLayout('Spend Budget', styles, body));\n}\n\nexport async function handleUpdateBudget(c: Context) {\n const formData = await c.req.formData();\n const games = Number(formData.get(\"games\") || 0);\n const gadgets = Number(formData.get(\"gadgets\") || 0);\n\n await updateBudget(games, gadgets);\n\n return c.redirect(\"/budget\");\n}","deleted","label",[98],"permalink","https://www.val.town/x/flymaster/lifehub/code/budget.ts","extension","actionData","errors"]