Job Board with Chat

\n Welcome, {user.username}\n setUser(null)}\n className=\"inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-white bg-red-600 hover:bg-red-700\"\n >\n Sign Out\n \n

\n {/* Tabs */}\n

\n setActiveTab('jobs')}\n className={`${\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 } whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm`}\n >\n Job Listings\n \n setActiveTab('chat')}\n className={`${\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 } whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm`}\n >\n Chat Room\n \n

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

\n {activeTab === 'jobs' && (\n

Job Listings

\n setShowJobForm(!showJobForm)}\n className=\"inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700\"\n >\n {showJobForm ? 'Cancel' : 'Post a Job'}\n \n

\n \n {showJobForm && (\n

Post a New Job

\n \n

\n )}\n \n \n

\n )}\n\n {activeTab === 'chat' && (\n

Chat Room

\n \n

\n )}\n

\n Job Board with Chat\n

Job Listings

Post a New Job

Chat Room