\n {/* Welcome Header */}\n

\n Welcome, {user.firstName}!\n

Good to see you today

\n\n {/* Account Balance Card */}\n {primaryAccount && (\n

Savings Account

****{primaryAccount.accountNumber.slice(-4)}

Available Balance

\n {formatCurrency(primaryAccount.balance, primaryAccount.currency)}\n

Next of Kin: {primaryAccount.nextOfKin}

\n )}\n\n {/* Quick Actions */}\n

\n setCurrentView('transfers')}\n className=\"transfer-card rounded-lg p-4 text-white text-center\"\n >\n

💸

Transfer

Send money abroad

\n \n \n setCurrentView('history')}\n className=\"account-card rounded-lg p-4 text-white text-center\"\n >\n

📊

History

View transactions

\n \n

\n\n {/* Recent Transactions */}\n

Recent Activity

\n setCurrentView('history')}\n className=\"text-blue-600 text-sm font-medium\"\n >\n View All\n \n

\n \n {loading ? (\n

\n {[1, 2, 3].map(i => (\n

\n ))}\n

\n ) : recentTransactions.length > 0 ? (\n

\n {recentTransactions.map(transaction => (\n

\n \n {transaction.type === 'credit' ? '⬇️' : '⬆️'}\n \n

\n {transaction.description}\n

\n {new Date(transaction.createdAt).toLocaleDateString()}\n

\n {transaction.type === 'credit' ? '+' : '-'}\n {formatCurrency(transaction.amount, transaction.currency)}\n

\n {transaction.status}\n

\n ))}\n

\n ) : (\n

📝

No recent transactions

\n )}\n

\n );\n };\n\n const renderProfileView = () => (\n

\n \n {user.firstName[0]}{user.lastName[0]}\n \n

\n {user.firstName} {user.lastName}\n

{user.email}

\n\n

\n Login ID\n

{user.loginId}

\n \n

\n Phone\n

{user.phone}

\n \n

\n Member Since\n

\n {new Date(user.createdAt).toLocaleDateString('en-GB', {\n day: 'numeric',\n month: 'long',\n year: 'numeric'\n })}\n

\n\n

\n \n Logout\n \n

\n );\n\n const renderCurrentView = () => {\n switch (currentView) {\n case 'transfers':\n return setCurrentView('home')} />;\n case 'history':\n return setCurrentView('home')} />;\n case 'profile':\n return renderProfileView();\n default:\n return renderHomeView();\n }\n };\n\n return (\n

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

\n {renderCurrentView()}\n

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

\n setCurrentView('home')}\n className={`nav-item flex flex-col items-center py-2 px-4 ${\n currentView === 'home' ? 'active' : 'text-gray-600'\n }`}\n >\n 🏠\n Home\n \n \n setCurrentView('transfers')}\n className={`nav-item flex flex-col items-center py-2 px-4 ${\n currentView === 'transfers' ? 'active' : 'text-gray-600'\n }`}\n >\n 💸\n Transfer\n \n \n setCurrentView('history')}\n className={`nav-item flex flex-col items-center py-2 px-4 ${\n currentView === 'history' ? 'active' : 'text-gray-600'\n }`}\n >\n 📊\n History\n \n \n setCurrentView('profile')}\n className={`nav-item flex flex-col items-center py-2 px-4 ${\n currentView === 'profile' ? 'active' : 'text-gray-600'\n }`}\n >\n 👤\n Profile\n \n

\n );\n};\n\nexport default Dashboard;","deleted","label",[167,168,150],"frontend","components","permalink","https://www.val.town/x/cgshaq/AccessBankMobile/code/frontend/components/Dashboard.tsx","extension","actionData","errors"]