-
-
-
-
- Cluster update in progress
-
- {props.connectionTerminated ? (
-
- The API cannot be reached because the cluster is updating. Stay on this
- page to automatically reconnect when the update is complete.
-
- ) : (
-
- The page will automatically refresh when the update is complete.
- {props.clusterState !== "Installed" && (
- `Status: ${Utilities.humanReadableClusterState(props.clusterState)}`
- )}
-
- )}
-
- );
-};
-
-export default EmbeddedClusterUpgrading;
diff --git a/web/src/components/modals/UpgradeStatusModal.tsx b/web/src/components/modals/UpgradeStatusModal.tsx
new file mode 100644
index 0000000000..39ee4f9666
--- /dev/null
+++ b/web/src/components/modals/UpgradeStatusModal.tsx
@@ -0,0 +1,111 @@
+import { useEffect } from "react";
+import { Utilities } from "../../utilities/utilities";
+import { Link } from "react-router-dom";
+import Loader from "@components/shared/Loader";
+
+interface Props {
+ status: string;
+ message: string;
+ appSlug: string;
+ refetchStatus: (appSlug: string) => Promise