\n Loading dashboard...\n

\n );\n }\n\n if (error) {\n return (\n

\n ⚠️\n

Error Loading Dashboard

{error}

\n \n Retry\n \n

\n );\n }\n\n if (!stats) return null;\n\n const statCards = [\n {\n title: 'Total Students',\n value: stats.totalStudents,\n icon: '👨‍🎓',\n color: 'stat-card',\n change: '+12 this month'\n },\n {\n title: 'Total Teachers',\n value: stats.totalTeachers,\n icon: '👩‍🏫',\n color: 'stat-card-green',\n change: '+2 this month'\n },\n {\n title: 'Active Classes',\n value: stats.totalClasses,\n icon: '📚',\n color: 'stat-card-orange',\n change: '+3 this semester'\n },\n {\n title: 'Attendance Rate',\n value: `${stats.attendanceRate}%`,\n icon: '✅',\n color: 'stat-card-purple',\n change: stats.attendanceRate > 90 ? 'Excellent' : 'Needs attention'\n }\n ];\n\n return (\n

\n {/* Welcome Section */}\n

Welcome to School Management Dashboard

\n Monitor your school's performance and manage all activities from one place.\n

\n\n {/* Stats Cards */}\n

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

{card.title}

{card.value}

{card.change}

{card.icon}

\n ))}\n

\n\n {/* Quick Stats */}\n

\n {/* Average Grade */}\n

\n 📊 Academic Performance\n

\n Average Grade\n {stats.averageGrade}%\n

\n {stats.averageGrade >= 80 ? 'Excellent performance!' : \n stats.averageGrade >= 70 ? 'Good performance' : 'Needs improvement'}\n

\n\n {/* Recent Activities */}\n

\n 🕒 Recent Activities\n

\n {stats.recentActivities.length > 0 ? (\n stats.recentActivities.map((activity) => (\n

\n {activity.type === 'student_enrolled' && '👨‍🎓'}\n {activity.type === 'teacher_added' && '👩‍🏫'}\n {activity.type === 'grade_added' && '📝'}\n {activity.type === 'attendance_marked' && '✅'}\n

{activity.description}

\n {new Date(activity.timestamp).toLocaleString()}\n

\n ))\n ) : (\n

No recent activities

\n )}\n

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

\n ⚡ Quick Actions\n

\n \n \n \n \n

\n \n );\n}","deleted","label",[169,170,151],"frontend","components","permalink","https://www.val.town/x/Deep_25/untitled-9443/code/frontend/components/Dashboard.tsx","extension","actionData","errors"]