Job Board with Chat

\n \n Enter your username to continue\n \n setUsername(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500\"\n placeholder=\"Username\"\n />\n

\n handleLogin(username)}\n disabled={!username.trim()}\n className=\"w-full bg-indigo-600 text-white py-2 px-4 rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50\"\n >\n Enter\n \n

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

\n {/* Header */}\n

Job Board with Chat

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

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

\n setActiveTab(\"jobs\")}\n className={`py-4 px-1 border-b-2 font-medium text-sm ${\n activeTab === \"jobs\"\n ? \"border-indigo-500 text-indigo-600\"\n : \"border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300\"\n }`}\n >\n Job Board\n \n setActiveTab(\"chat\")}\n className={`py-4 px-1 border-b-2 font-medium text-sm ${\n activeTab === \"chat\"\n ? \"border-indigo-500 text-indigo-600\"\n : \"border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300\"\n }`}\n >\n Chat Room\n \n

\n\n {/* Main content */}\n

\n {activeTab === \"jobs\" ? (\n

\n \n \n

\n ) : (\n \n )}\n

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

\n );\n};\n\nexport default App;","deleted","label",[169,170,151],"frontend","components","permalink","https://www.val.town/x/WisdomMario/My_First_App/code/frontend/components/App.tsx","extension","actionData","errors"]