🗳️ Election Hub

Vote and discuss the election

\n\n {\n e.preventDefault();\n const formData = new FormData(e.target as HTMLFormElement);\n const name = formData.get(\"username\") as string;\n handleLogin(name);\n }}\n className=\"space-y-4\"\n >\n

\n \n Enter your username to join:\n \n \n

\n \n Join Election Hub\n \n \n

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

\n {/* Header */}\n

🗳️ Election Hub

\n \n Welcome, {username}\n \n \n Logout\n \n

\n\n {/* Tab Navigation */}\n

\n setActiveTab(\"vote\")}\n className={`py-2 px-1 border-b-2 font-medium text-sm ${\n activeTab === \"vote\"\n ? \"border-blue-500 text-blue-600\"\n : \"border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300\"\n }`}\n >\n 🗳️ Voting\n \n setActiveTab(\"chat\")}\n className={`py-2 px-1 border-b-2 font-medium text-sm ${\n activeTab === \"chat\"\n ? \"border-blue-500 text-blue-600\"\n : \"border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300\"\n }`}\n >\n 💬 Discussion\n \n

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

\n {activeTab === \"vote\"\n ? (\n \n )\n : (\n \n )}\n

\n );\n}","deleted","label",[171,172,152],"frontend","components","permalink","https://www.val.town/x/kibet/kevinbet/code/frontend/components/App.tsx","extension","actionData","errors"]