diff options
Diffstat (limited to 'garden/src/components/Layout.tsx')
| -rw-r--r-- | garden/src/components/Layout.tsx | 18 |
1 files changed, 16 insertions, 2 deletions
diff --git a/garden/src/components/Layout.tsx b/garden/src/components/Layout.tsx index 4ff2e8e..3d9fdf0 100644 --- a/garden/src/components/Layout.tsx +++ b/garden/src/components/Layout.tsx @@ -125,7 +125,14 @@ export default function Layout(props: LayoutProps) { <li class="placeholder">Be the first to join!</li> }> <For each={stats.data()?.newest_citizens}> - {(citizen) => <li><A href={`/u/${citizen.username}`}>{citizen.display_name}</A></li>} + {(citizen) => ( + <li class="citizen-item"> + <A href={`/u/${citizen.username}`}> + <img src={citizen.avatar_url} alt="" class="citizen-avatar" /> + {citizen.display_name} + </A> + </li> + )} </For> </Show> </ul> @@ -136,7 +143,14 @@ export default function Layout(props: LayoutProps) { <li class="placeholder">No one online.</li> }> <For each={stats.data()?.online_citizens}> - {(citizen) => <li><A href={`/u/${citizen.username}`}>{citizen.display_name}</A></li>} + {(citizen) => ( + <li class="citizen-item"> + <A href={`/u/${citizen.username}`}> + <img src={citizen.avatar_url} alt="" class="citizen-avatar" /> + {citizen.display_name} + </A> + </li> + )} </For> </Show> </ul> |