Students

\n {(user.role === 'admin' || user.role === 'teacher') && (\n onNavigate('student-form')}\n className=\"btn-primary\"\n >\n ➕ Add Student\n \n )}\n

\n\n {/* Filters */}\n

\n \n Search Students\n \n setSearchTerm(e.target.value)}\n />\n

\n \n Filter by Grade\n \n setSelectedGrade(e.target.value)}\n >\n \n {grades.map(grade => (\n \n ))}\n \n

\n\n {/* Students List */}\n

\n {filteredStudents.length === 0 ? (\n

👥

No students found

\n {searchTerm || selectedGrade \n ? 'Try adjusting your search criteria.'\n : 'Get started by adding your first student.'\n }\n

\n ) : (\n

\n \n \n \n \n \n \n \n \n \n \n \n \n {filteredStudents.map((student) => (\n \n \n \n \n \n \n \n \n ))}\n \n

\n Student\n	\n Grade\n	\n Parent\n	\n Contact\n	\n Enrollment Date\n	\n Actions\n
\n \n \n {student.firstName} {student.lastName}\n \n \n	\n \n {student.grade}\n \n	\n {student.parentName}\n	\n {student.parentEmail} \n {student.parentPhone} \n	\n {new Date(student.enrollmentDate).toLocaleDateString()}\n	\n \n onNavigate('student-form', student)}\n className=\"text-blue-600 hover:text-blue-900\"\n title=\"Edit student\"\n >\n ✏️\n \n {user.role === 'admin' && (\n handleDeleteStudent(student.id)}\n className=\"text-red-600 hover:text-red-900\"\n title=\"Deactivate student\"\n >\n 🗑️\n \n )}\n \n

\n )}\n

\n\n {/* Summary */}\n

📊

\n Showing {filteredStudents.length} of {students.filter(s => s.isActive).length} active students\n {(searchTerm || selectedGrade) && (\n \n {\n setSearchTerm('');\n setSelectedGrade('');\n }}\n className=\"text-blue-600 hover:text-blue-800 underline\"\n >\n Clear filters\n \n \n )}\n

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