sinvo/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2026-05-07 06:23:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

notification icon

Browse Source
This commit is contained in:
Philipinho
2026-04-12 17:50:20 +01:00
parent a97f9047bc
commit 6bb84b8b88
1 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/features/notification/components/notification-item.tsx
+10 -2
View File
@@ -6,10 +6,12 @@ import {
UnstyledButton, UnstyledButton,
} from "@mantine/core"; } from "@mantine/core";
import { import {
IconBell,
IconCheck, IconCheck,
IconFileDescription, IconFileDescription,
IconPointFilled, IconPointFilled,
} from "@tabler/icons-react"; } from "@tabler/icons-react";
import { Avatar } from "@mantine/core";
import { CustomAvatar } from "@/components/ui/custom-avatar"; import { CustomAvatar } from "@/components/ui/custom-avatar";
import { INotification } from "../types/notification.types"; import { INotification } from "../types/notification.types";
import { Trans, useTranslation } from "react-i18next"; import { Trans, useTranslation } from "react-i18next";
@@ -106,11 +108,17 @@ export function NotificationItem({
className={classes.notificationItem} className={classes.notificationItem}
> >
<Group wrap="nowrap" align="flex-start" gap="sm"> <Group wrap="nowrap" align="flex-start" gap="sm">
{notification.actor ? (
<CustomAvatar <CustomAvatar
avatarUrl={notification.actor?.avatarUrl} avatarUrl={notification.actor.avatarUrl}
name={notification.actor?.name || "?"} name={notification.actor.name}
size="sm" size="sm"
/> />
) : (
<Avatar size="sm" color="gray" radius="xl">
<IconBell size={14} />
</Avatar>
)}
<div style={{ flex: 1, minWidth: 0 }}> <div style={{ flex: 1, minWidth: 0 }}>
<Text size="sm" lineClamp={2}> <Text size="sm" lineClamp={2}>