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

style: label dropdown empty state

Browse Source
This commit is contained in:
anmolsinghbhatia 2023-06-30 18:28:12 +05:30
parent 32bf2ed56a
commit fc15da826b
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
apps/app/components/issues/view-select/label.tsx
View File

@ -118,6 +118,8 @@ export const ViewLabelSelect: React.FC<Props> = ({
</button>
);
const noResultIcon = <TagIcon className="h-3.5 w-3.5 text-brand-secondary" />;
return (
<>
{projectId && (
@ -141,6 +143,7 @@ export const ViewLabelSelect: React.FC<Props> = ({
disabled={isNotAllowed}
selfPositioned={selfPositioned}
footerOption={footerOption}
noResultIcon={noResultIcon}
dropdownWidth="w-full min-w-[12rem]"
/>
</>

7
apps/app/components/ui/custom-search-select.tsx
View File

@ -29,6 +29,7 @@ type CustomSearchSelectProps = {
selfPositioned?: boolean;
multiple?: boolean;
footerOption?: JSX.Element;
noResultIcon?: JSX.Element;
dropdownWidth?: string;
};
export const CustomSearchSelect = ({
@ -47,6 +48,7 @@ export const CustomSearchSelect = ({
disabled = false,
selfPositioned = false,
multiple = false,
noResultIcon,
footerOption,
dropdownWidth,
}: CustomSearchSelectProps) => {
@ -171,7 +173,10 @@ export const CustomSearchSelect = ({
</Combobox.Option>
))
) : (
<p className="text-center text-brand-secondary">No matching results</p>
<span className="flex items-center gap-2 p-1">
{noResultIcon && noResultIcon}
<p className="text-left text-brand-secondary ">No matching results</p>
</span>
)
) : (
<p className="text-center text-brand-secondary">Loading...</p>