\n {/* Header */}\n

💼 Job Search Hub

\n \n {/* User Email Input */}\n

\n Your Email:\n handleEmailChange(e.target.value)}\n placeholder=\"your@email.com\"\n className=\"px-3 py-1 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

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

\n setActiveTab('jobs')}\n className={`py-4 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'jobs'\n ? 'border-blue-500 text-blue-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-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n 💬 Job Seekers Chat\n \n setActiveTab('applications')}\n className={`py-4 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'applications'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n 📋 My Applications\n \n

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

\n {activeTab === 'jobs' && }\n {activeTab === 'chat' && }\n {activeTab === 'applications' && }\n

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