forked from github/plane
37 lines
1.0 KiB
TypeScript
37 lines
1.0 KiB
TypeScript
import React from "react";
|
|
// components
|
|
import { ISearchIssueResponse } from "@plane/types";
|
|
import { EmptyState } from "@/components/empty-state";
|
|
// types
|
|
import { EmptyStateType } from "@/constants/empty-state";
|
|
// constants
|
|
|
|
interface EmptyStateProps {
|
|
issues: ISearchIssueResponse[];
|
|
searchTerm: string;
|
|
debouncedSearchTerm: string;
|
|
isSearching: boolean;
|
|
}
|
|
|
|
export const IssueSearchModalEmptyState: React.FC<EmptyStateProps> = ({
|
|
issues,
|
|
searchTerm,
|
|
debouncedSearchTerm,
|
|
isSearching,
|
|
}) => {
|
|
const renderEmptyState = (type: EmptyStateType) => (
|
|
<div className="flex flex-col items-center justify-center px-3 py-8 text-center">
|
|
<EmptyState type={type} layout="screen-simple" />
|
|
</div>
|
|
);
|
|
|
|
const emptyState =
|
|
issues.length === 0 && searchTerm !== "" && debouncedSearchTerm !== "" && !isSearching
|
|
? renderEmptyState(EmptyStateType.ISSUE_RELATION_SEARCH_EMPTY_STATE)
|
|
: issues.length === 0
|
|
? renderEmptyState(EmptyStateType.ISSUE_RELATION_EMPTY_STATE)
|
|
: null;
|
|
|
|
return emptyState;
|
|
};
|