From 8081b21ed6e50d36be3de23739700cde59cfe49c Mon Sep 17 00:00:00 2001
From: Philipinho <16838612+Philipinho@users.noreply.github.com>
Date: Sat, 1 Jun 2024 14:11:00 +0100
Subject: [PATCH] add space info

---
 .../home/components/recent-changes.tsx        | 30 ++++++++++++++++---
 .../page/tree/components/space-tree.tsx       |  2 +-
 2 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/apps/client/src/features/home/components/recent-changes.tsx b/apps/client/src/features/home/components/recent-changes.tsx
index 3621055..9a92e56 100644
--- a/apps/client/src/features/home/components/recent-changes.tsx
+++ b/apps/client/src/features/home/components/recent-changes.tsx
@@ -1,10 +1,19 @@
-import { Text, Group, Stack, UnstyledButton, Divider } from "@mantine/core";
+import {
+  Text,
+  Group,
+  Stack,
+  UnstyledButton,
+  Divider,
+  Badge,
+} from "@mantine/core";
 import classes from "./home.module.css";
 import { Link } from "react-router-dom";
 import PageListSkeleton from "@/components/ui/page-list-skeleton.tsx";
 import { buildPageUrl } from "@/features/page/page.utils.ts";
 import { formattedDate } from "@/lib/time.ts";
 import { useRecentChangesQuery } from "@/features/page/queries/page-query.ts";
+import { IconFileDescription } from "@tabler/icons-react";
+import { getSpaceUrl } from "@/lib/config.ts";
 
 function RecentChanges() {
   const { data, isLoading, isError } = useRecentChangesQuery();
@@ -30,11 +39,24 @@ function RecentChanges() {
             >
               <Group wrap="nowrap">
                 <Stack gap="xs" style={{ flex: 1 }}>
-                  <Text fw={500} size="md" lineClamp={1}>
-                    {page.title || "Untitled"}
-                  </Text>
+                  <Group wrap="nowrap">
+                    {page.icon || <IconFileDescription size={18} />}
+
+                    <Text fw={500} size="md" lineClamp={1}>
+                      {page.title || "Untitled"}
+                    </Text>
+                  </Group>
                 </Stack>
 
+                <Badge
+                  color="blue"
+                  variant="light"
+                  component={Link}
+                  to={getSpaceUrl(page.space.slug)}
+                >
+                  {page.space.name}
+                </Badge>
+
                 <Text c="dimmed" size="xs" fw={500}>
                   {formattedDate(page.updatedAt)}
                 </Text>
diff --git a/apps/client/src/features/page/tree/components/space-tree.tsx b/apps/client/src/features/page/tree/components/space-tree.tsx
index b0ee15d..de1688a 100644
--- a/apps/client/src/features/page/tree/components/space-tree.tsx
+++ b/apps/client/src/features/page/tree/components/space-tree.tsx
@@ -325,7 +325,7 @@ function Node({ node, style, dragHandle, tree }: NodeRendererProps<any>) {
               node.data.icon ? (
                 node.data.icon
               ) : (
-                <IconFileDescription size="18px" />
+                <IconFileDescription size="18" />
               )
             }
             removeEmojiAction={handleRemoveEmoji}