\n {/* Header */}\n

\n 🌐 ONU Fiber Router Authorization\n

\n Automated device registration and IP assignment system\n

\n Total Devices: {devices.length}\n

\n Authorized: \n {devices.filter(d => d.status === 'authorized').length}\n \n

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

\n setActiveTab('register')}\n className={`py-2 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'register'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n 📝 Register Device\n \n setActiveTab('manage')}\n className={`py-2 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'manage'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n 🔧 Manage Devices\n {devices.filter(d => d.status === 'pending').length > 0 && (\n \n {devices.filter(d => d.status === 'pending').length}\n \n )}\n \n

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

\n {activeTab === 'register' && (\n \n )}\n \n {activeTab === 'manage' && (\n \n )}\n

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

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