mirror/Compass
1
0
Fork 0
mirror of https://github.com/CompassConnections/Compass.git synced 2026-03-02 13:58:18 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add no profile warning

Browse Source
This commit is contained in:
MartinBraquet
2025-07-29 15:53:09 +02:00
parent ff60e00929
commit 2acf41a913
2 changed files with 20 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/profiles/[id]/page.tsx
View File

@@ -106,12 +106,12 @@ export default function Post() {
<div className="space-y-6 pt-4 border-t border-gray-200">
{user.profile.desiredConnections && (
{user?.profile?.desiredConnections && (
<div className="mt-3"> <
h2 className="text-sm font-medium text-gray-500 uppercase tracking-wider">Connection</h2>
<ul className="flex flex-wrap gap-2 mt-1">
{user.profile.desiredConnections.map((value, idx) => (
{user?.profile?.desiredConnections.map((value, idx) => (
<li
key={idx}
className="px-3 py-1 text-sm bg-gray-100 rounded-full hover:bg-gray-200 transition"
@@ -123,35 +123,35 @@ export default function Post() {
</div>
)}
{user.profile.gender && (
{user?.profile?.gender && (
<div>
<h2 className="text-sm font-medium text-gray-500 uppercase tracking-wider">Gender</h2>
<p className="mt-1 capitalize">{user.profile.gender}</p>
</div>
)}
{user.profile.location && (
{user?.profile?.location && (
<div>
<h2 className="text-sm font-medium text-gray-500 uppercase tracking-wider">Location</h2>
<p className="mt-1 text-gray-800 whitespace-pre-line">{user.profile.location}</p>
</div>
)}
{user.profile.personalityType && (
{user?.profile?.personalityType && (
<div>
<h2 className="text-sm font-medium text-gray-500 uppercase tracking-wider">Personality Type</h2>
<p className="mt-1 text-gray-800 whitespace-pre-line">{user.profile.personalityType}</p>
</div>
)}
{user.profile.conflictStyle && (
{user?.profile?.conflictStyle && (
<div>
<h2 className="text-sm font-medium text-gray-500 uppercase tracking-wider">Conflit Style</h2>
<p className="mt-1 text-gray-800 whitespace-pre-line">{user.profile.conflictStyle}</p>
</div>
)}
{user.profile.intellectualInterests && (
{user?.profile?.intellectualInterests && (
<div className="mt-3"> <
h2 className="text-sm font-medium text-gray-500 uppercase tracking-wider">Interests</h2>
@@ -168,7 +168,7 @@ export default function Post() {
</div>
)}
{user.profile.causeAreas && (
{user?.profile?.causeAreas && (
<div className="mt-3"> <
h2 className="text-sm font-medium text-gray-500 uppercase tracking-wider">Cause Areas</h2>
@@ -185,7 +185,7 @@ export default function Post() {
</div>
)}
{user.profile.promptAnswers && (
{user?.profile?.promptAnswers && (
<div className="mt-3"> <
h2 className="text-sm font-medium text-gray-500 uppercase tracking-wider">Prompt Answers</h2>
@@ -202,14 +202,14 @@ export default function Post() {
</div>
)}
{user.profile.description && (
{user?.profile?.description && (
<div>
<h2 className="text-sm font-medium text-gray-500 uppercase tracking-wider">About</h2>
<p className="mt-1 text-gray-800 whitespace-pre-line">{user.profile.description}</p>
</div>
)}
{user.profile.contactInfo && (
{user?.profile?.contactInfo && (
<div>
<h2 className="text-sm font-medium text-gray-500 uppercase tracking-wider">Contact</h2>
<p className="mt-1 text-gray-800 whitespace-pre-line">{user.profile.contactInfo}</p>

12
app/profiles/page.tsx
View File

@@ -50,18 +50,24 @@ export default function ProfilePage() {
<div className="min-h-screen bg-gray-50 flex flex-col items-center py-24 px-8">
<h1 className="text-5xl font-extrabold mb-12 text-[#333333]">Profiles</h1>
<div className="grid gap-8 md:grid-cols-2 lg:grid-cols-1 w-full max-w-6xl mb-8">
{profiles.map((user) => (
{profiles.length > 0 ?
(profiles.map((user) => (
<Link key={user.id} href={`/profiles/${user.id}`} className="group">
<div className="border rounded-lg shadow-md bg-white p-6 hover:shadow-lg transition-shadow duration-300">
<h2 className="text-2xl font-semibold text-gray-900 group-hover:underline mb-2">{user.name}</h2>
{user.profile.description && (
{user?.profile?.description && (
<div>
<p className="text-xs text-gray-400 mb-4">{user.profile.description}</p>
</div>
)}
</div>
</Link>
))}
))) : (
<div className="flex items-center justify-center">
There are no profiles for this search. Relax the filters or come back later.
</div>
)
}
</div>
</div>
);