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

tooltip

Browse Source
This commit is contained in:
Philipinho
2026-01-19 19:38:24 +00:00
parent 6063b0ba3f
commit ff2a04b3ac
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/ee/page-permission/components/page-permission-item.tsx
+10 -6
View File
@@ -3,6 +3,7 @@ import { IconChevronDown, IconCheck } from "@tabler/icons-react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { useAtomValue } from "jotai"; import { useAtomValue } from "jotai";
import { CustomAvatar } from "@/components/ui/custom-avatar"; import { CustomAvatar } from "@/components/ui/custom-avatar";
import { AutoTooltipText } from "@/components/ui/auto-tooltip";
import { IconGroupCircle } from "@/components/icons/icon-people-circle"; import { IconGroupCircle } from "@/components/icons/icon-people-circle";
import { userAtom } from "@/features/user/atoms/current-user-atom"; import { userAtom } from "@/features/user/atoms/current-user-atom";
import { formatMemberCount } from "@/lib"; import { formatMemberCount } from "@/lib";
@@ -43,14 +44,17 @@ export function PagePermissionItem({
{member.type === "group" && <IconGroupCircle />} {member.type === "group" && <IconGroupCircle />}
<div className={classes.permissionItemDetails}> <div className={classes.permissionItemDetails}>
<Text fz="sm" fw={500} truncate> <AutoTooltipText
fz="sm"
fw={500}
tooltipLabel={isCurrentUser ? `${member.name} (${t("You")})` : member.name}
>
{member.name} {member.name}
{isCurrentUser && <Text span c="dimmed"> ({t("You")})</Text>} {isCurrentUser && <Text span c="dimmed"> ({t("You")})</Text>}
</Text> </AutoTooltipText>
<Text fz="xs" c="dimmed" truncate> <AutoTooltipText fz="xs" c="dimmed">
{member.type === "user" && member.email} {member.type === "user" ? member.email : formatMemberCount(member.memberCount, t)}
{member.type === "group" && formatMemberCount(member.memberCount, t)} </AutoTooltipText>
</Text>
</div> </div>
</div> </div>