💰 Budget Advisory

\n setCurrentView('dashboard')}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n currentView === 'dashboard' \n ? 'bg-white bg-opacity-20 text-white' \n : 'text-white hover:bg-white hover:bg-opacity-10'\n }`}\n >\n Dashboard\n \n setCurrentView('form')}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n currentView === 'form' \n ? 'bg-white bg-opacity-20 text-white' \n : 'text-white hover:bg-white hover:bg-opacity-10'\n }`}\n >\n Budget Form\n \n {budgetData && (\n analyzeBudget()}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n currentView === 'analysis' \n ? 'bg-white bg-opacity-20 text-white' \n : 'text-white hover:bg-white hover:bg-opacity-10'\n }`}\n >\n Analysis\n \n )}\n

\n\n {/* Error Display */}\n {error && (\n

\n ⚠️\n

{error}

\n setError(null)}\n className=\"text-red-400 hover:text-red-600\"\n >\n ✕\n \n

\n )}\n\n {/* Main Content */}\n

\n {currentView === 'dashboard' && (\n setCurrentView('form')}\n onAnalyzeBudget={() => analyzeBudget()}\n onResetBudget={resetBudget}\n />\n )}\n \n {currentView === 'form' && (\n \n )}\n \n {currentView === 'analysis' && analysis && (\n setCurrentView('dashboard')}\n onEditBudget={() => setCurrentView('form')}\n />\n )}\n

\n\n {/* Footer */}\n \n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/Benmichaelx/Budget/code/frontend/components/App.tsx","extension","actionData","errors"]