github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Tooltip content on assignee hover in all layouts (#2724)

Browse Source 
* fix: Tooltip content on assignee hover in all layouts

* chore: comments added
This commit is contained in:
Lakhan Baheti 2023-11-08 22:35:30 +05:30 committed by GitHub
parent 931f9d288a
commit 10037222b6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
web/components/issues/issue-layouts/properties/assignee.tsx
View File

@ -79,19 +79,32 @@ export const IssuePropertyAssignee: React.FC<IIssuePropertyAssignee> = observer(
const filteredOptions =
query === "" ? options : options?.filter((option) => option.query.toLowerCase().includes(query.toLowerCase()));
const label = (
<Tooltip
tooltipHeading="Assignee"
tooltipContent={
value && value.length > 0
? (workspaceMembers ? workspaceMembers : [])
?.filter((m) => value.includes(m.member.display_name))
.map((m) => m.member.display_name)
.join(", ")
: "No Assignee"
const getTooltipContent = (): string => {
if (!value || value.length === 0) return "No Assignee";
// if multiple assignees
if (Array.isArray(value)) {
const assignees = workspaceMembers?.filter((m) => value.includes(m.member.id));
if (!assignees || assignees.length === 0) return "No Assignee";
// if only one assignee in list
if (assignees.length === 1) {
return "1 assignee";
} else return `${assignees.length} assignees`;
}
position="top"
>
// if single assignee
const assignee = workspaceMembers?.find((m) => m.member.id === value)?.member;
if (!assignee) return "No Assignee";
// if assignee not null & not list
return "1 assignee";
};
const label = (
<Tooltip tooltipHeading="Assignee" tooltipContent={getTooltipContent()} position="top">
<div className="flex items-center cursor-pointer h-full w-full gap-2 text-custom-text-200">
{value && value.length > 0 && Array.isArray(value) ? (
<AvatarGroup showTooltip={false}>