binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[WEB-3766] fix: user avatar in description version history dropdown item (#6888)

Browse source 
* fix: avatar url

* chore: update version modal width
This commit is contained in:
Aaryan Khandelwal 2025-04-08 18:05:14 +05:30 • committed by GitHub
parent 270f282c3c
commit 08702a5381
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 10 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
web/core/components/core/description-versions/dropdown-item.tsx
View file

@ -2,7 +2,7 @@ import { observer } from "mobx-react";
// plane imports // plane imports
import { TDescriptionVersion } from "@plane/types"; import { TDescriptionVersion } from "@plane/types";
import { Avatar, CustomMenu } from "@plane/ui"; import { Avatar, CustomMenu } from "@plane/ui";
import { calculateTimeAgo } from "@plane/utils"; import { calculateTimeAgo, getFileURL } from "@plane/utils";
// hooks // hooks
import { useMember } from "@/hooks/store"; import { useMember } from "@/hooks/store";
@ -21,7 +21,7 @@ export const DescriptionVersionsDropdownItem: React.FC<Props> = observer((props)
return ( return (
<CustomMenu.MenuItem key={version.id} className="flex items-center gap-1" onClick={() => onClick(version.id)}> <CustomMenu.MenuItem key={version.id} className="flex items-center gap-1" onClick={() => onClick(version.id)}>
<span className="flex-shrink-0"> <span className="flex-shrink-0">
<Avatar name={versionCreator?.display_name} size="sm" src={versionCreator?.avatar_url} /> <Avatar name={versionCreator?.display_name} size="sm" src={getFileURL(versionCreator?.avatar_url ?? "")} />
</span> </span>
<p className="text-xs text-custom-text-200 flex items-center gap-1.5"> <p className="text-xs text-custom-text-200 flex items-center gap-1.5">
<span className="font-medium">{versionCreator?.display_name}</span> <span className="font-medium">{versionCreator?.display_name}</span>

11
web/core/components/core/description-versions/modal.tsx
View file

@ -9,6 +9,7 @@ import {
Avatar, Avatar,
Button, Button,
EModalPosition, EModalPosition,
EModalWidth,
getButtonStyling, getButtonStyling,
Loader, Loader,
ModalCore, ModalCore,
@ -16,7 +17,7 @@ import {
TOAST_TYPE, TOAST_TYPE,
Tooltip, Tooltip,
} from "@plane/ui"; } from "@plane/ui";
import { calculateTimeAgo, cn, copyTextToClipboard } from "@plane/utils"; import { calculateTimeAgo, cn, copyTextToClipboard, getFileURL } from "@plane/utils";
// components // components
import { RichTextReadOnlyEditor } from "@/components/editor"; import { RichTextReadOnlyEditor } from "@/components/editor";
// hooks // hooks
@ -76,7 +77,7 @@ export const DescriptionVersionsModal: React.FC<Props> = observer((props) => {
if (!workspaceId) return null; if (!workspaceId) return null;
return ( return (
<ModalCore isOpen={isOpen} handleClose={handleClose} position={EModalPosition.TOP}> <ModalCore isOpen={isOpen} handleClose={handleClose} position={EModalPosition.TOP} width={EModalWidth.XXXXL}>
<div className="p-4" data-prevent-outside-click> <div className="p-4" data-prevent-outside-click>
{/* Header */} {/* Header */}
<div className="flex items-center justify-between gap-2 py-0.5"> <div className="flex items-center justify-between gap-2 py-0.5">
@ -84,7 +85,11 @@ export const DescriptionVersionsModal: React.FC<Props> = observer((props) => {
<p className="flex items-center gap-1"> <p className="flex items-center gap-1">
{t("description_versions.edited_by")} {t("description_versions.edited_by")}
<span className="flex-shrink-0"> <span className="flex-shrink-0">
<Avatar size="sm" src={versionCreator?.avatar_url} name={versionCreator?.display_name} /> <Avatar
size="sm"
src={getFileURL(versionCreator?.avatar_url ?? "")}
name={versionCreator?.display_name}
/>
</span> </span>
</p> </p>
<p className="flex-shrink-0 text-custom-text-200"> <p className="flex-shrink-0 text-custom-text-200">