\n {/* ... previous header and nav code remains the same */}\n\n {activeSection === 'jobs' && (\n

{LANGUAGES[language].jobListings}

\n {jobs.map(job => (\n

{job.title}

{job.description}

Location: {job.location}

Skills: {job.skills.join(', ')}

Compensation: ${job.compensation}

{LANGUAGES[language].contactInfo}

\n {job.contactEmail &&

📧 {job.contactEmail}

}\n {job.contactPhone &&

📱 {job.contactPhone}

}\n

\n ))}\n

\n )}\n\n {activeSection === 'profiles' && (\n

{LANGUAGES[language].workerProfiles}

\n {profiles.map(profile => (\n

\n {profile.photoUrl &&

}\n

{profile.name}

Skills: {profile.skills.join(', ')}

Location: {profile.location}

Availability: {profile.availability}

Rating: {profile.rating}/5

{LANGUAGES[language].contactInfo}

\n {profile.contactEmail &&

📧 {profile.contactEmail}

}\n {profile.contactPhone &&

📱 {profile.contactPhone}

}\n

\n ))}\n

\n )}\n\n {activeSection === 'create-profile' && (\n

{LANGUAGES[language].profileCreation}

\n \n setNewProfile({...newProfile, name: e.target.value})} \n required \n />\n \n setNewProfile({...newProfile, skills: e.target.value.split(',')})} \n />\n \n setNewProfile({...newProfile, location: e.target.value})} \n required \n />\n \n setNewProfile({...newProfile, availability: e.target.value})} \n />\n \n setNewProfile({...newProfile, contactEmail: e.target.value})} \n required \n />\n \n setNewProfile({...newProfile, contactPhone: e.target.value})} \n />\n \n

\n {LANGUAGES[language].uploadPhoto}\n \n {newProfile.photoUrl && (\n $\"Profile$ \n )}\n

\n \n \n

\n )}\n\n {activeSection === 'post-job' && (\n

{LANGUAGES[language].postNewJob}

\n \n setNewJob({...newJob, title: e.target.value})} \n required \n />\n \n

setNewJob({...newJob, description: e.target.value})} \n            required \n          />\n          \n          <input \n            type=\"text\" \n            placeholder={LANGUAGES[language].location}\n            value={newJob.location} \n            onChange={(e) => setNewJob({...newJob, location: e.target.value})} \n            required \n          />\n          \n          <input \n            type=\"text\" \n            placeholder={LANGUAGES[language].jobSkills}\n            value={newJob.skills?.join(', ') || ''} \n            onChange={(e) => setNewJob({...newJob, skills: e.target.value.split(',')})} \n          />\n          \n          <input \n            type=\"number\" \n            placeholder={LANGUAGES[language].jobCompensation}\n            value={newJob.compensation} \n            onChange={(e) => setNewJob({...newJob, compensation: Number(e.target.value)})} \n            required \n          />\n          \n          <input \n            type=\"email\" \n            placeholder={LANGUAGES[language].contactEmail}\n            value={newJob.contactEmail} \n            onChange={(e) => setNewJob({...newJob, contactEmail: e.target.value})} \n            required \n          />\n          \n          <input \n            type=\"tel\" \n            placeholder={LANGUAGES[language].contactPhone}\n            value={newJob.contactPhone} \n            onChange={(e) => setNewJob({...newJob, contactPhone: e.target.value})} \n          />\n          \n          <button type=\"submit\">{LANGUAGES[language].submitJob}</button>\n        </form>\n      )}\n\n      {/* ... rest of the code remains the same */}\n    </div>\n  );\n}\n\n// ... rest of the code remains the same (client, server, and CSS)","deleted","label",[99],"permalink","https://www.val.town/x/Guruinthemaking/WebsiteforJobMatchingataLocalLevel/code/main.tsx","extension","actionData","errors"]
</article></body></html>