From 5d30301b95a8b1e6129d97a6a66cbfb417407caf Mon Sep 17 00:00:00 2001
From: Meier Lukas <meierschlumpf@gmail.com>
Date: Sun, 5 May 2024 22:20:51 +0200
Subject: [PATCH] feat: show creator on board page (#440)

---
 apps/nextjs/src/app/[locale]/manage/boards/page.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/apps/nextjs/src/app/[locale]/manage/boards/page.tsx b/apps/nextjs/src/app/[locale]/manage/boards/page.tsx
index cf0a52532..774e09975 100644
--- a/apps/nextjs/src/app/[locale]/manage/boards/page.tsx
+++ b/apps/nextjs/src/app/[locale]/manage/boards/page.tsx
@@ -18,6 +18,7 @@ import { IconDotsVertical, IconLock, IconWorld } from "@tabler/icons-react";
 import type { RouterOutputs } from "@homarr/api";
 import { api } from "@homarr/api/server";
 import { getScopedI18n } from "@homarr/translation/server";
+import { UserAvatar } from "@homarr/ui";
 
 import { getBoardPermissions } from "~/components/board/permissions/server";
 import { BoardCardMenuDropdown } from "./_components/board-card-menu-dropdown";
@@ -37,7 +38,7 @@ export default async function ManageBoardsPage() {
 
       <Grid>
         {boards.map((board) => (
-          <GridCol span={{ xs: 12, md: 4 }} key={board.id}>
+          <GridCol span={{ base: 12, md: 6, xl: 4 }} key={board.id}>
             <BoardCard board={board} />
           </GridCol>
         ))}
@@ -68,6 +69,13 @@ const BoardCard = async ({ board }: BoardCardProps) => {
               {board.name}
             </Text>
           </Group>
+
+          {board.creator && (
+            <Group gap="xs">
+              <UserAvatar user={board.creator} size="sm" />
+              <Text>{board.creator?.name}</Text>
+            </Group>
+          )}
         </Group>
       </CardSection>