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

chore: added buttonClassName prop to label dropdown (#4671)

Browse Source
This commit is contained in:
Aaryan Khandelwal 2024-05-31 17:30:06 +05:30 committed by GitHub
parent a8184c366a
commit 463d0732e9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
web/components/issues/select/label.tsx
View File

@ -4,13 +4,14 @@ import { useRouter } from "next/router";
import { usePopper } from "react-popper"; import { usePopper } from "react-popper";
import { Check, Component, Plus, Search, Tag } from "lucide-react"; import { Check, Component, Plus, Search, Tag } from "lucide-react";
import { Combobox } from "@headlessui/react"; import { Combobox } from "@headlessui/react";
// hooks // components
import { IssueLabelsList } from "@/components/ui"; import { IssueLabelsList } from "@/components/ui";
// helpers
import { cn } from "@/helpers/common.helper";
// hooks
import { useLabel } from "@/hooks/store"; import { useLabel } from "@/hooks/store";
import { useDropdownKeyDown } from "@/hooks/use-dropdown-key-down"; import { useDropdownKeyDown } from "@/hooks/use-dropdown-key-down";
import useOutsideClickDetector from "@/hooks/use-outside-click-detector"; import useOutsideClickDetector from "@/hooks/use-outside-click-detector";
// ui
// icons
type Props = { type Props = {
setIsOpen: React.Dispatch<React.SetStateAction<boolean>>; setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
@ -21,10 +22,21 @@ type Props = {
disabled?: boolean; disabled?: boolean;
tabIndex?: number; tabIndex?: number;
createLabelEnabled?: boolean; createLabelEnabled?: boolean;
buttonClassName?: string;
}; };
export const IssueLabelSelect: React.FC<Props> = observer((props) => { 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 // router
const router = useRouter(); const router = useRouter();
const { workspaceSlug } = router.query; const { workspaceSlug } = router.query;
@ -101,7 +113,7 @@ export const IssueLabelSelect: React.FC<Props> = observer((props) => {
<button <button
type="button" type="button"
ref={setReferenceElement} 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} onClick={handleOnClick}
> >
{label ? ( {label ? (