From 94524dff7625d578407615aa97e6fefbc638af47 Mon Sep 17 00:00:00 2001
From: Meier Lukas <meierschlumpf@gmail.com>
Date: Wed, 29 May 2024 21:42:41 +0200
Subject: [PATCH] refactor: remove black background

---
 .../app/[locale]/manage/tools/docker/DockerTable.tsx  |  7 +++----
 .../src/app/[locale]/manage/tools/docker/page.tsx     | 11 +++++++----
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/apps/nextjs/src/app/[locale]/manage/tools/docker/DockerTable.tsx b/apps/nextjs/src/app/[locale]/manage/tools/docker/DockerTable.tsx
index c376306cc..fe56590c7 100644
--- a/apps/nextjs/src/app/[locale]/manage/tools/docker/DockerTable.tsx
+++ b/apps/nextjs/src/app/[locale]/manage/tools/docker/DockerTable.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import type { ButtonProps, MantineColor } from "@mantine/core";
-import { Avatar, Badge, Box, Button, Group, Stack, Text, Title } from "@mantine/core";
+import { Avatar, Badge, Box, Button, Group, Text } from "@mantine/core";
 import { IconPlayerPlay, IconPlayerStop, IconRotateClockwise, IconTrash } from "@tabler/icons-react";
 import type { MRT_ColumnDef } from "mantine-react-table";
 import { MantineReactTable, useMantineReactTable } from "mantine-react-table";
@@ -101,11 +101,10 @@ export function DockerTable({ containers, timestamp }: RouterOutputs["docker"]["
     columns: createColumns(t),
   });
   return (
-    <Stack>
-      <Title order={3}>{tDocker("title")}</Title>
+    <>
       <Text>{tDocker("table.updated", { when: relativeTime })}</Text>
       <MantineReactTable table={table} />
-    </Stack>
+    </>
   );
 }
 
diff --git a/apps/nextjs/src/app/[locale]/manage/tools/docker/page.tsx b/apps/nextjs/src/app/[locale]/manage/tools/docker/page.tsx
index e0d4927e6..9a18f5ba5 100644
--- a/apps/nextjs/src/app/[locale]/manage/tools/docker/page.tsx
+++ b/apps/nextjs/src/app/[locale]/manage/tools/docker/page.tsx
@@ -1,15 +1,18 @@
-import { Box } from "@mantine/core";
+import { Stack, Title } from "@mantine/core";
 
 import { api } from "@homarr/api/server";
+import { getScopedI18n } from "@homarr/translation/server";
 
 import { DockerTable } from "./DockerTable";
 
 export default async function DockerPage() {
   const { containers, timestamp } = await api.docker.getContainers();
+  const tDocker = await getScopedI18n("docker");
+
   return (
-    <Box style={{ borderRadius: 6 }} p="md" bg="black">
-      <h2>Welcome to docker !</h2>
+    <Stack>
+      <Title order={1}>{tDocker("title")}</Title>
       <DockerTable containers={containers} timestamp={timestamp} />
-    </Box>
+    </Stack>
   );
 }