admin/31634
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

avatars fr cards

Browse Source
This commit is contained in:
Flatlogic Bot 2025-05-19 14:18:57 +00:00
parent 29d4007e04
commit 1501c0ca63
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app-shell/src/_schema.json
View File

File diff suppressed because one or more lines are too long

4
frontend/src/pages/web_pages/users.tsx
View File

@ -10,6 +10,8 @@ type User = {
firstName: string; firstName: string;
lastName: string; lastName: string;
email: string; email: string;
avatar?: { url: string }[];
}; };
export default function Users() { export default function Users() {
@ -45,8 +47,10 @@ export default function Users() {
<p>Loading users...</p> <p>Loading users...</p>
) : ( ) : (
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4"> <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
{users.map((user) => ( {users.map((user) => (
<div key={user.id} className="bg-white shadow p-4 rounded-lg"> <div key={user.id} className="bg-white shadow p-4 rounded-lg">
<img src={user.avatar?.[0]?.url || '/favicon.svg'} alt={`${user.firstName} ${user.lastName}`} className="w-12 h-12 rounded-full mb-2 object-cover" />
<p className="font-medium text-lg">{user.firstName} {user.lastName}</p> <p className="font-medium text-lg">{user.firstName} {user.lastName}</p>
<p className="text-sm text-gray-500">{user.email}</p> <p className="text-sm text-gray-500">{user.email}</p>
</div> </div>