Jan 3, 2024 · Jan 3, 2024
diff --git a/site/src/pages/TemplateVersionEditorPage/TemplateVersionStatusBadge.tsx b/site/src/pages/TemplateVersionEditorPage/TemplateVersionStatusBadge.tsx
 import { type TemplateVersion } from "api/typesGenerated";
 import { type FC, type ReactNode } from "react";
 import CircularProgress from "@mui/material/CircularProgress";
 import ErrorIcon from "@mui/icons-material/ErrorOutline";
 import CheckIcon from "@mui/icons-material/CheckOutlined";
 import { Pill, type PillType } from "components/Pill/Pill";
 import { Pill,PillSpinner,type PillType } from "components/Pill/Pill";

 interface TemplateVersionStatusBadgeProps {
  version: TemplateVersion;
  );
 };

 const LoadingIcon: FC = () => {
  return <CircularProgress size={10} style={{ color: "#FFF" }} />;
 };

 export const getStatus = (
  version: TemplateVersion,
 ): {
      return {
        type: "info",
        text: "Running",
        icon: <LoadingIcon />,
        icon: <PillSpinner />,
      };
    case "pending":
      return {
        type: "info",
        text: "Pending",
        icon: <LoadingIcon />,
        icon: <PillSpinner />,
      };
    case "canceling":
      return {
        type: "warning",
        text: "Canceling",
        icon: <LoadingIcon />,
        icon: <PillSpinner />,
      };
    case "canceled":
      return {
Original file line number	Diff line number	Diff line change
		@@ -1,9 +1,8 @@
		import { type TemplateVersion } from "api/typesGenerated";
		import { type FC, type ReactNode } from "react";
		import CircularProgress from "@mui/material/CircularProgress";
		import ErrorIcon from "@mui/icons-material/ErrorOutline";
		import CheckIcon from "@mui/icons-material/CheckOutlined";
		import { Pill, type PillType } from "components/Pill/Pill";
		import { Pill,PillSpinner,type PillType } from "components/Pill/Pill";

		interface TemplateVersionStatusBadgeProps {
		version: TemplateVersion;
Expand All		@@ -20,10 +19,6 @@ export const TemplateVersionStatusBadge: FC<
		);
		};

		const LoadingIcon: FC = () => {
		return <CircularProgress size={10} style={{ color: "#FFF" }} />;
		};

		export const getStatus = (
		version: TemplateVersion,
		): {
Expand All		@@ -36,19 +31,19 @@ export const getStatus = (
		return {
		type: "info",
		text: "Running",
		icon: <LoadingIcon />,
		icon: <PillSpinner />,
		};
		case "pending":
		return {
		type: "info",
		text: "Pending",
		icon: <LoadingIcon />,
		icon: <PillSpinner />,
		};
		case "canceling":
		return {
		type: "warning",
		text: "Canceling",
		icon: <LoadingIcon />,
		icon: <PillSpinner />,
		};
		case "canceled":
		return {
Expand Down