From 9642b761b7c21db13fe7b3da415c9d03c7c63137 Mon Sep 17 00:00:00 2001
From: Lakhan Baheti <94619783+1akhanBaheti@users.noreply.github.com>
Date: Thu, 21 Mar 2024 20:59:08 +0530
Subject: [PATCH] fix: issue card assignee empty state tooltip (#4029)

---
 web/components/dropdowns/member/index.tsx                      | 3 ++-
 web/components/dropdowns/member/types.d.ts                     | 1 +
 .../issues/issue-layouts/properties/all-properties.tsx         | 3 +++
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/components/dropdowns/member/index.tsx b/web/components/dropdowns/member/index.tsx
index edc2b604e..5691fd920 100644
--- a/web/components/dropdowns/member/index.tsx
+++ b/web/components/dropdowns/member/index.tsx
@@ -37,6 +37,7 @@ export const MemberDropdown: React.FC<Props> = observer((props) => {
     onChange,
     onClose,
     placeholder = "Members",
+    tooltipContent,
     placement,
     projectId,
     showTooltip = false,
@@ -123,7 +124,7 @@ export const MemberDropdown: React.FC<Props> = observer((props) => {
               className={buttonClassName}
               isActive={isOpen}
               tooltipHeading={placeholder}
-              tooltipContent={`${value?.length ?? 0} assignee${value?.length !== 1 ? "s" : ""}`}
+              tooltipContent={tooltipContent ?? `${value?.length ?? 0} assignee${value?.length !== 1 ? "s" : ""}`}
               showTooltip={showTooltip}
               variant={buttonVariant}
             >
diff --git a/web/components/dropdowns/member/types.d.ts b/web/components/dropdowns/member/types.d.ts
index 21e6a534e..bfae9c65e 100644
--- a/web/components/dropdowns/member/types.d.ts
+++ b/web/components/dropdowns/member/types.d.ts
@@ -5,6 +5,7 @@ export type MemberDropdownProps = TDropdownProps & {
   dropdownArrow?: boolean;
   dropdownArrowClassName?: string;
   placeholder?: string;
+  tooltipContent?: string;
   onClose?: () => void;
 } & (
     | {
diff --git a/web/components/issues/issue-layouts/properties/all-properties.tsx b/web/components/issues/issue-layouts/properties/all-properties.tsx
index e62fbd54e..1c63cb483 100644
--- a/web/components/issues/issue-layouts/properties/all-properties.tsx
+++ b/web/components/issues/issue-layouts/properties/all-properties.tsx
@@ -341,6 +341,9 @@ export const IssueProperties: React.FC<IIssueProperties> = observer((props) => {
             multiple
             buttonVariant={issue.assignee_ids?.length > 0 ? "transparent-without-text" : "border-without-text"}
             buttonClassName={issue.assignee_ids?.length > 0 ? "hover:bg-transparent px-0" : ""}
+            showTooltip={issue?.assignee_ids.length === 0}
+            placeholder="Assignees"
+            tooltipContent=""
           />
         </div>
       </WithDisplayPropertiesHOC>