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

Your Profile

\n \n {error && (\n

{error}

\n )}\n \n {success && (\n

{success}

\n )}\n \n

\n {/* Profile Information */}\n

Personal Information

\n \n

\n \n Full Name\n \n setName(e.target.value)}\n className=\"w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500\"\n required\n />\n

\n \n

\n \n Email Address\n \n \n

Email cannot be changed

\n \n

\n \n Bio\n \n setBio(e.target.value)}\n rows={4}\n placeholder=\"Tell employers about yourself...\"\n className=\"w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n

\n \n

\n \n Education\n \n setEducation(e.target.value)}\n placeholder=\"e.g., Computer Science, University of Example\"\n className=\"w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n \n \n {saving ? \"Saving...\" : \"Save Changes\"}\n \n \n

\n \n {/* Skills Section */}\n

Your Skills

\n \n {userSkills.length > 0 ? (\n

\n {userSkills.map(skill => (\n

\n {skill.name}\n {skill.proficiency && (\n

\n \n {skill.proficiency}/5\n \n

\n )}\n

\n handleRemoveSkill(skill.id)}\n className=\"text-red-500 hover:text-red-700\"\n title=\"Remove skill\"\n >\n \n \n

\n ))}\n

\n ) : (\n

You haven't added any skills yet. Add skills to get better job matches!

\n )}\n \n

Add a New Skill

\n \n Skill\n \n setSelectedSkill(parseInt(e.target.value))}\n className=\"w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500\"\n required\n >\n \n {availableSkills\n .filter(skill => !userSkills.some(us => us.id === skill.id))\n .map(skill => (\n \n ))}\n \n

\n \n

\n \n Proficiency (1-5)\n \n

\n setProficiency(parseInt(e.target.value))}\n className=\"w-full\"\n />\n {proficiency}\n

\n Beginner\n Expert\n

\n \n \n {addingSkill ? \"Adding...\" : \"Add Skill\"}\n \n \n

\n );\n};\n\nexport default Profile;","deleted","label",[166,167,149],"frontend","components","permalink","https://www.val.town/x/Beryl5_Oluoch/project1/code/frontend/components/Profile.tsx","extension","actionData","errors"]