forked from github/plane
2e5ade05fe
* chore: update module status icons and colors * refactor: import statements * fix: add default alue to module status
38 lines
1.1 KiB
TypeScript
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} />;
|
|
};
|