plane/apps/app/components/icons/module/module-status-icon.tsx
Aaryan Khandelwal 2e5ade05fe
chore: update module status icons and colors (#2011)
* chore: update module status icons and colors

* refactor: import statements

* fix: add default alue to module status
2023-08-30 11:43:47 +05:30

38 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} />;
};