mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
29 lines
1.1 KiB
TypeScript
29 lines
1.1 KiB
TypeScript
// icons
|
|
import {
|
|
ModuleBacklogIcon,
|
|
ModuleCancelledIcon,
|
|
ModuleCompletedIcon,
|
|
ModuleInProgressIcon,
|
|
ModulePausedIcon,
|
|
ModulePlannedIcon,
|
|
} from "components/icons";
|
|
// types
|
|
import { TModuleStatus } from "types";
|
|
|
|
type Props = {
|
|
status: TModuleStatus;
|
|
className?: string;
|
|
height?: string;
|
|
width?: string;
|
|
};
|
|
|
|
export const ModuleStatusIcon: React.FC<Props> = ({ status, className, height = "12px", width = "12px" }) => {
|
|
if (status === "backlog") return <ModuleBacklogIcon className={className} height={height} width={width} />;
|
|
else if (status === "cancelled") return <ModuleCancelledIcon className={className} height={height} width={width} />;
|
|
else if (status === "completed") return <ModuleCompletedIcon className={className} height={height} width={width} />;
|
|
else if (status === "in-progress")
|
|
return <ModuleInProgressIcon className={className} height={height} width={width} />;
|
|
else if (status === "paused") return <ModulePausedIcon className={className} height={height} width={width} />;
|
|
else return <ModulePlannedIcon className={className} height={height} width={width} />;
|
|
};
|