Loading dashboard...

\n );\n }\n\n const statCards = [\n {\n title: \"Total Boats\",\n value: stats.total_boats,\n icon: \"🚣\",\n color: \"bg-blue-500\",\n description: \"Total boats in fleet\"\n },\n {\n title: \"Available Boats\",\n value: stats.available_boats,\n icon: \"✅\",\n color: \"bg-green-500\",\n description: \"Ready for use\"\n },\n {\n title: \"Boats in Maintenance\",\n value: stats.boats_in_maintenance,\n icon: \"🔧\",\n color: \"bg-yellow-500\",\n description: \"Currently being repaired\"\n },\n {\n title: \"Active Rentals\",\n value: stats.active_rentals,\n icon: \"📋\",\n color: \"bg-purple-500\",\n description: \"Currently rented out\"\n },\n {\n title: \"Pending Repairs\",\n value: stats.pending_repairs,\n icon: \"⚠️\",\n color: \"bg-orange-500\",\n description: \"Awaiting attention\"\n },\n {\n title: \"Overdue Cleaning\",\n value: stats.overdue_cleaning,\n icon: \"🧹\",\n color: \"bg-red-500\",\n description: \"Past due date\"\n }\n ];\n\n return (\n

\n {/* Header */}\n

Dashboard

\n Overview of your rowing club operations\n

\n \n 🔄 Refresh Data\n \n

\n\n {/* Stats Grid */}\n

\n {statCards.map((card, index) => (\n \n

\n {card.icon}\n

\n {card.title}\n

\n {card.value}\n

\n {card.description}\n

\n ))}\n

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

\n Quick Actions\n

\n \n \n \n \n

\n\n {/* Status Overview */}\n

\n System Status\n

\n Fleet Utilization\n

0 ? ((stats.total_boats - stats.available_boats) / stats.total_boats) * 100 : 0}%` \n }}\n >

\n \n {stats.total_boats > 0 ? Math.round(((stats.total_boats - stats.available_boats) / stats.total_boats) * 100) : 0}%\n \n

\n \n

\n Maintenance Load\n

0 ? (stats.boats_in_maintenance / stats.total_boats) * 100 : 0}%` \n }}\n >

\n \n {stats.total_boats > 0 ? Math.round((stats.boats_in_maintenance / stats.total_boats) * 100) : 0}%\n \n

\n\n {stats.overdue_cleaning > 0 && (\n

\n ⚠️\n

\n Attention Required\n

\n {stats.overdue_cleaning} cleaning {stats.overdue_cleaning === 1 ? 'duty is' : 'duties are'} overdue. \n Please check the cleaning schedule.\n

\n )}\n\n {stats.pending_repairs > 0 && (\n

\n 🔧\n

\n Repairs Needed\n

\n {stats.pending_repairs} repair {stats.pending_repairs === 1 ? 'request needs' : 'requests need'} attention.\n

\n )}\n

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