From 463d0732e9e70366193fc2928cfc700aca200751 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Fri, 31 May 2024 17:30:06 +0530
Subject: [PATCH] chore: added buttonClassName prop to label dropdown (#4671)

---
 web/components/issues/select/label.tsx | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/web/components/issues/select/label.tsx b/web/components/issues/select/label.tsx
index fee060d1b..ddc0e41b3 100644
--- a/web/components/issues/select/label.tsx
+++ b/web/components/issues/select/label.tsx
@@ -4,13 +4,14 @@ import { useRouter } from "next/router";
 import { usePopper } from "react-popper";
 import { Check, Component, Plus, Search, Tag } from "lucide-react";
 import { Combobox } from "@headlessui/react";
-// hooks
+// components
 import { IssueLabelsList } from "@/components/ui";
+// helpers
+import { cn } from "@/helpers/common.helper";
+// hooks
 import { useLabel } from "@/hooks/store";
 import { useDropdownKeyDown } from "@/hooks/use-dropdown-key-down";
 import useOutsideClickDetector from "@/hooks/use-outside-click-detector";
-// ui
-// icons
 
 type Props = {
   setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
@@ -21,10 +22,21 @@ type Props = {
   disabled?: boolean;
   tabIndex?: number;
   createLabelEnabled?: boolean;
+  buttonClassName?: string;
 };
 
 export const IssueLabelSelect: React.FC<Props> = observer((props) => {
-  const { setIsOpen, value, onChange, projectId, label, disabled = false, tabIndex, createLabelEnabled = true } = props;
+  const {
+    setIsOpen,
+    value,
+    onChange,
+    projectId,
+    label,
+    disabled = false,
+    tabIndex,
+    createLabelEnabled = true,
+    buttonClassName,
+  } = props;
   // router
   const router = useRouter();
   const { workspaceSlug } = router.query;
@@ -101,7 +113,7 @@ export const IssueLabelSelect: React.FC<Props> = observer((props) => {
         <button
           type="button"
           ref={setReferenceElement}
-          className="h-full flex cursor-pointer items-center gap-2 text-xs text-custom-text-200"
+          className={cn("h-full flex cursor-pointer items-center gap-2 text-xs text-custom-text-200", buttonClassName)}
           onClick={handleOnClick}
         >
           {label ? (