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

fix mantine avatar color regression

Browse Source
This commit is contained in:
Philipinho
2026-06-20 17:56:01 +01:00
parent 02901ef2be
commit e62d97a455
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/components/ui/custom-avatar.tsx
+5 -2
View File
@@ -54,14 +54,17 @@ export const CustomAvatar = React.forwardRef<
>(({ avatarUrl, name, type, color, variant, ...props }: CustomAvatarProps, ref) => { >(({ avatarUrl, name, type, color, variant, ...props }: CustomAvatarProps, ref) => {
const avatarLink = getAvatarUrl(avatarUrl, type); const avatarLink = getAvatarUrl(avatarUrl, type);
const isInitials = !color || color === "initials"; const isInitials = !color || color === "initials";
const resolvedColor = isInitials ? pickInitialsColor(name ?? "") : color; const pickedColor = isInitials ? pickInitialsColor(name ?? "") : color;
const hue = pickedColor.split(".")[0];
const initialsSource = sanitizeInitialsSource(name ?? ""); const initialsSource = sanitizeInitialsSource(name ?? "");
const resolvedColor = variant === "filled" ? pickedColor : hue;
const placeholderStyles = const placeholderStyles =
isInitials && variant !== "filled" isInitials && variant !== "filled"
? { ? {
placeholder: { placeholder: {
color: `var(--mantine-color-${resolvedColor.split(".")[0]}-9)`, color: `var(--mantine-color-${hue}-9)`,
}, },
} }
: undefined; : undefined;