Ryan/docmost-ryan
1
0
Fork 0
mirror of https://github.com/Shadowfita/docmost.git synced 2025-11-13 16:22:32 +10:00
Code Issues Packages Projects Releases Wiki Activity

add space info

Browse Source
This commit is contained in:
Philipinho
2024-06-01 14:11:00 +01:00
parent 06d854a7d2
commit 8081b21ed6
2 changed files with 27 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
apps/client/src/features/home/components/recent-changes.tsx
View File

@ -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 classes from "./home.module.css";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import PageListSkeleton from "@/components/ui/page-list-skeleton.tsx"; import PageListSkeleton from "@/components/ui/page-list-skeleton.tsx";
import { buildPageUrl } from "@/features/page/page.utils.ts"; import { buildPageUrl } from "@/features/page/page.utils.ts";
import { formattedDate } from "@/lib/time.ts"; import { formattedDate } from "@/lib/time.ts";
import { useRecentChangesQuery } from "@/features/page/queries/page-query.ts"; import { useRecentChangesQuery } from "@/features/page/queries/page-query.ts";
import { IconFileDescription } from "@tabler/icons-react";
import { getSpaceUrl } from "@/lib/config.ts";
function RecentChanges() { function RecentChanges() {
const { data, isLoading, isError } = useRecentChangesQuery(); const { data, isLoading, isError } = useRecentChangesQuery();
@ -30,11 +39,24 @@ function RecentChanges() {
> >
<Group wrap="nowrap"> <Group wrap="nowrap">
<Stack gap="xs" style={{ flex: 1 }}> <Stack gap="xs" style={{ flex: 1 }}>
<Text fw={500} size="md" lineClamp={1}> <Group wrap="nowrap">
{page.title || "Untitled"} {page.icon || <IconFileDescription size={18} />}
</Text>
<Text fw={500} size="md" lineClamp={1}>
{page.title || "Untitled"}
</Text>
</Group>
</Stack> </Stack>
<Badge
color="blue"
variant="light"
component={Link}
to={getSpaceUrl(page.space.slug)}
>
{page.space.name}
</Badge>
<Text c="dimmed" size="xs" fw={500}> <Text c="dimmed" size="xs" fw={500}>
{formattedDate(page.updatedAt)} {formattedDate(page.updatedAt)}
</Text> </Text>

2
apps/client/src/features/page/tree/components/space-tree.tsx
View File

@ -325,7 +325,7 @@ function Node({ node, style, dragHandle, tree }: NodeRendererProps<any>) {
node.data.icon ? ( node.data.icon ? (
node.data.icon node.data.icon
) : ( ) : (
<IconFileDescription size="18px" /> <IconFileDescription size="18" />
) )
} }
removeEmojiAction={handleRemoveEmoji} removeEmojiAction={handleRemoveEmoji}