Application Error

{error}

\n \n Try Again\n \n

\n );\n }\n\n return (\n

\n {/* Header */}\n

📚 Teacher's Attendance

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

\n \n {/* Class Filter */}\n {classes.length > 0 && (\n

\n \n Class:\n \n setSelectedClass(e.target.value)}\n className=\"border border-gray-300 rounded-md px-3 py-1 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n \n {classes.map((className) => (\n \n ))}\n \n

\n )}\n

\n\n {/* Navigation Tabs */}\n

\n {[\n { id: 'attendance', label: 'Daily Attendance', icon: '✅' },\n { id: 'students', label: 'Manage Students', icon: '👥' },\n { id: 'reports', label: 'Reports', icon: '📊' }\n ].map((tab) => (\n setActiveTab(tab.id as TabType)}\n className={`flex items-center space-x-2 py-4 px-1 border-b-2 font-medium text-sm transition-colors ${\n activeTab === tab.id\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n {tab.icon}\n {tab.label}\n \n ))}\n

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

\n {activeTab === 'attendance' && (\n \n )}\n {activeTab === 'students' && (\n \n )}\n {activeTab === 'reports' && (\n \n )}\n

\n\n {/* Footer */}\n \n

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