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

\n Neighbor Profiles ({filteredProfiles.length})\n

\n \n

\n setFilter('all')}\n className={`px-3 py-1 rounded-full text-sm font-medium ${\n filter === 'all' \n ? 'bg-gray-800 text-white' \n : 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n }`}\n >\n All\n \n setFilter('offer')}\n className={`px-3 py-1 rounded-full text-sm font-medium ${\n filter === 'offer' \n ? 'bg-green-600 text-white' \n : 'bg-green-100 text-green-700 hover:bg-green-200'\n }`}\n >\n 🤝 Offers\n \n setFilter('request')}\n className={`px-3 py-1 rounded-full text-sm font-medium ${\n filter === 'request' \n ? 'bg-blue-600 text-white' \n : 'bg-blue-100 text-blue-700 hover:bg-blue-200'\n }`}\n >\n 🙋 Requests\n \n

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

No profiles found

Be the first to create a profile and add your skills!

\n ) : (\n

\n {filteredProfiles.map((profile) => (\n

\n {profile.userName}\n

\n {profile.location && (\n

📍 {profile.location}

\n )}\n

\n {profile.email && (\n \n ✉️ Contact\n \n )}\n

\n\n {profile.bio && (\n

{profile.bio}

\n )}\n\n

\n {profile.skills\n .filter(skill => filter === 'all' || skill.type === filter)\n .map((skill) => (\n \n \n {skill.type === 'offer' ? '🤝' : '🙋'} {skill.skillName}\n \n {skill.category && (\n \n ({skill.category})\n \n )}\n {skill.description && (\n

\n {skill.description}\n

\n )}\n

\n ))}\n

\n\n

\n Member since {new Date(profile.createdAt!).toLocaleDateString()}\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/ProfilesList.tsx","extension","actionData","errors"]