\n {/* User Selection */}\n

Manage Your Profile

\n \n

\n\n {/* Profile Management */}\n {currentUser && (\n <>\n {/* Profile Section */}\n

Profile Information

\n setShowProfileForm(!showProfileForm)}\n className=\"bg-gray-600 text-white px-4 py-2 rounded-md hover:bg-gray-700 text-sm\"\n >\n {userProfile ? \"Edit Profile\" : \"Create Profile\"}\n \n

\n\n {userProfile && !showProfileForm ? (\n

Username: {userProfile.userName}

\n {userProfile.email &&

Email: {userProfile.email}

}\n {userProfile.location &&

Location: {userProfile.location}

}\n {userProfile.bio &&

Bio: {userProfile.bio}

}\n

\n Created: {new Date(userProfile.createdAt!).toLocaleDateString()}\n

\n ) : showProfileForm ? (\n \n ) : (\n

No profile found. Create one to get started!

\n )}\n

\n\n {/* Skills Management */}\n {userProfile && (\n <>\n \n\n {/* User's Skills List */}\n

\n Your Skills ({userSkills.length})\n

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

No skills added yet. Add your first skill above!

\n ) : (\n

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

\n \n {skill.type === 'offer' ? '🤝 Offering' : '🙋 Requesting'}\n \n {skill.category && (\n \n {skill.category}\n \n )}\n

{skill.skillName}

\n {skill.description && (\n

{skill.description}

\n )}\n

\n Added: {new Date(skill.createdAt!).toLocaleDateString()}\n

\n \n toggleSkillStatus(skill.id!, !skill.isActive)}\n className={`ml-4 px-3 py-1 rounded text-sm font-medium ${\n skill.isActive\n ? 'bg-red-100 text-red-700 hover:bg-red-200'\n : 'bg-green-100 text-green-700 hover:bg-green-200'\n }`}\n >\n {skill.isActive ? 'Deactivate' : 'Activate'}\n \n

\n ))}\n

\n )}\n

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