\n );\n }\n\n if (!user) {\n return ;\n }\n\n const renderCurrentView = () => {\n switch (currentView) {\n case 'dashboard':\n return ;\n case 'add-transaction':\n return setCurrentView('transactions')} />;\n case 'transactions':\n return ;\n case 'budgets':\n return ;\n case 'analytics':\n return ;\n default:\n return ;\n }\n };\n\n return (\n

\n {/* Mobile Header */}\n

💰 Budget Tracker

\n setMobileMenuOpen(!mobileMenuOpen)}\n className=\"p-2 text-gray-600 hover:text-gray-800\"\n >\n {mobileMenuOpen ? Icons.close : Icons.menu}\n \n

\n\n

\n {/* Sidebar */}\n

\n {/* Desktop Header */}\n

💰 Budget Tracker

Welcome, {user.username}!

\n\n {/* Navigation */}\n

\n {navigationItems.map((item) => (\n {\n setCurrentView(item.id);\n setMobileMenuOpen(false);\n }}\n className={`\n w-full flex items-center space-x-3 px-4 py-3 rounded-lg text-left transition-colors\n ${currentView === item.id \n ? 'bg-blue-50 text-blue-700 border border-blue-200' \n : 'text-gray-700 hover:bg-gray-50'\n }\n `}\n >\n {item.icon}\n {item.label}\n \n ))}\n

\n\n {/* User Menu */}\n

\n {Icons.user}\n

{user.username}

{user.email}

\n \n {Icons.logout}\n Logout\n \n

\n\n {/* Mobile Overlay */}\n {mobileMenuOpen && (\n

setMobileMenuOpen(false)}\n />\n )}\n\n {/* Main Content */}\n

\n {renderCurrentView()}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/beekay/support_case/code/frontend/components/App.tsx","extension","actionData","errors"]