\n );\n }\n\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleDateString('en-US', {\n month: 'short',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit'\n });\n };\n\n return (\n

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

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

\n Here's what's happening in your school today.\n

\n\n {/* Stats Cards */}\n {stats && (\n

\n {/* Total Students */}\n {(user.role === 'admin' || user.role === 'teacher') && (\n

👥

\n Total Students\n: \n {stats.totalStudents}\n

\n onNavigate('students')}\n className=\"font-medium text-blue-700 hover:text-blue-900\"\n >\n View all students\n \n

\n )}\n\n {/* Unread Messages */}\n

💬

\n Unread Messages\n: \n {stats.unreadMessages}\n

\n onNavigate('messages')}\n className=\"font-medium text-blue-700 hover:text-blue-900\"\n >\n View messages\n \n

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

⚡

\n Quick Actions\n: \n Access common tasks\n

\n {(user.role === 'admin' || user.role === 'teacher') && (\n onNavigate('student-form')}\n className=\"block font-medium text-blue-700 hover:text-blue-900\"\n >\n Add new student\n \n )}\n onNavigate('messages')}\n className=\"block font-medium text-blue-700 hover:text-blue-900\"\n >\n Send message\n \n

\n )}\n\n {/* Recent Messages */}\n {stats && stats.recentMessages && stats.recentMessages.length > 0 && (\n

\n Recent Messages\n

\n {stats.recentMessages.map((message) => (\n \n

\n {message.subject}\n

\n {message.isAnnouncement && (\n \n 📢 Announcement\n \n )}\n {!message.isRead && (\n \n New\n \n )}\n

\n {message.content.length > 100\n ? `${message.content.substring(0, 100)}...`\n : message.content}\n

\n {message.fromUser && (\n \n From: {message.fromUser.firstName} {message.fromUser.lastName}\n \n )}\n {formatDate(message.createdAt)}\n

\n ))}\n

\n onNavigate('messages')}\n className=\"text-sm font-medium text-blue-700 hover:text-blue-900\"\n >\n View all messages →\n \n

\n )}\n\n {/* Role-specific Information */}\n

\n {user.role === 'admin' && '🔧 Administrator Tools'}\n {user.role === 'teacher' && '📚 Teacher Resources'}\n {user.role === 'parent' && '👨‍👩‍👧‍👦 Parent Portal'}\n

\n \n {user.role === 'admin' && (\n

• Manage student records and enrollment

• Send announcements to all users

• View system-wide statistics

• Manage user accounts and permissions

\n )}\n \n {user.role === 'teacher' && (\n

• View and update student information

• Communicate with parents

• Send class announcements

• Track student progress

\n )}\n \n {user.role === 'parent' && (\n

• View your child's information

• Receive messages from teachers

• Stay updated with school announcements

• Contact teachers directly

\n )}\n

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