MythEclipse/imphnen-frontend-service
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(users): unwrap nested team data from API response

Browse Source 
API returns {team: {...}} wrapped objects, need to access item.team

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Maulana Sodiqin
2025-11-30 00:33:26 +07:00
co-authored by Claude
parent ec9a81d7b5
commit fe4e9291fa
1 changed files with 55 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/hackathon/src/app/users/[userId]/page.tsx
+55 -52
View File
@@ -131,62 +131,65 @@ const UserProfilePage: FC = (): ReactElement => {
Team Team
</h2> </h2>
<div className="space-y-4"> <div className="space-y-4">
{userTeams.map((team: any) => ( {userTeams.map((item: any) => {
<Link const team = item.team || item;
key={team.id} return (
to={'/teams/' + team.id} <Link
className="block bg-white dark:bg-gray-800 rounded-lg shadow-md dark:shadow-gray-950/50 overflow-hidden hover:shadow-lg transition-shadow border dark:border-gray-700" key={team.id}
> to={'/teams/' + team.id}
<img className="block bg-white dark:bg-gray-800 rounded-lg shadow-md dark:shadow-gray-950/50 overflow-hidden hover:shadow-lg transition-shadow border dark:border-gray-700"
src={team.banner || '/images/banner-imphnen.webp'} >
alt={team.name} <img
className="w-full aspect-3/1 object-cover" src={team.banner || '/images/banner-imphnen.webp'}
/> alt={team.name}
<div className="p-4"> className="w-full aspect-3/1 object-cover"
<div className="flex items-center space-x-3 mb-3"> />
{team.logo ? ( <div className="p-4">
<img <div className="flex items-center space-x-3 mb-3">
src={team.logo} {team.logo ? (
alt={team.name} <img
className="w-12 h-12 rounded-full object-cover" src={team.logo}
/> alt={team.name}
) : ( className="w-12 h-12 rounded-full object-cover"
<div className="w-12 h-12 rounded-full bg-gray-200 dark:bg-gray-700 flex items-center justify-center"> />
<Icon icon="mdi:account-group" className="text-gray-500 dark:text-gray-400 text-xl" /> ) : (
</div> <div className="w-12 h-12 rounded-full bg-gray-200 dark:bg-gray-700 flex items-center justify-center">
)} <Icon icon="mdi:account-group" className="text-gray-500 dark:text-gray-400 text-xl" />
<div className="flex-1 min-w-0"> </div>
<h3 className="font-bold text-gray-900 dark:text-white line-clamp-1 text-lg"> )}
{team.name} <div className="flex-1 min-w-0">
</h3> <h3 className="font-bold text-gray-900 dark:text-white line-clamp-1 text-lg">
<div className="text-sm text-gray-600 dark:text-gray-400 flex items-center gap-3 font-sans mt-1"> {team.name}
{team.has_submission && ( </h3>
<span className="inline-flex items-center gap-1 px-2 py-0.5 rounded text-xs font-medium bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400 shrink-0"> <div className="text-sm text-gray-600 dark:text-gray-400 flex items-center gap-3 font-sans mt-1">
<Icon icon="mdi:check-circle" className="text-sm" /> {team.has_submission && (
Submitted <span className="inline-flex items-center gap-1 px-2 py-0.5 rounded text-xs font-medium bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400 shrink-0">
<Icon icon="mdi:check-circle" className="text-sm" />
Submitted
</span>
)}
{team.city && (
<span className="flex items-center gap-1 truncate">
<Icon icon="mdi:map-marker" className="shrink-0" />
<span className="truncate">{team.city}</span>
</span>
)}
<span className="flex items-center gap-1 shrink-0">
<Icon icon="mdi:account-group" />
{team.member_count || team.members?.length || 0} member{(team.member_count || team.members?.length || 0) !== 1 ? 's' : ''}
</span> </span>
)} </div>
{team.city && (
<span className="flex items-center gap-1 truncate">
<Icon icon="mdi:map-marker" className="shrink-0" />
<span className="truncate">{team.city}</span>
</span>
)}
<span className="flex items-center gap-1 shrink-0">
<Icon icon="mdi:account-group" />
{team.member_count || team.members?.length || 0} member{(team.member_count || team.members?.length || 0) !== 1 ? 's' : ''}
</span>
</div> </div>
</div> </div>
{team.description && (
<p className="text-gray-600 dark:text-gray-400 text-sm line-clamp-2 font-sans">
{team.description}
</p>
)}
</div> </div>
{team.description && ( </Link>
<p className="text-gray-600 dark:text-gray-400 text-sm line-clamp-2 font-sans"> );
{team.description} })}
</p>
)}
</div>
</Link>
))}
</div> </div>
</div> </div>
) : ( ) : (