Added usePrevious to not refresh the jobs if it's the same chart

dashboard/src/main/home/cluster-dashboard/expanded-chart/jobs/useJobs.ts

@@ -5,6 +5,7 @@ import { Context } from "shared/Context";
 import { NewWebsocketOptions, useWebsockets } from "shared/hooks/useWebsockets";
 import { ChartType } from "shared/types";
 import yaml from "js-yaml";
+import { usePrevious } from "shared/hooks/usePrevious";
 
 const PORTER_IMAGE_TEMPLATES = [
   "porterdev/hello-porter-job",
@@ -26,6 +27,8 @@ export const useJobs = (chart: ChartType) => {
     "loading" | "successful" | string
   >("");
 
+  const previousChart = usePrevious(chart, null);
+
   const {
     newWebsocket,
     openWebsocket,
@@ -203,6 +206,17 @@ export const useJobs = (chart: ChartType) => {
         closeAllWebsockets();
       };
     }
+
+    if (
+      previousChart?.name === chart?.name &&
+      previousChart?.namespace === chart?.namespace
+    ) {
+      return () => {
+        isSubscribed = false;
+        closeAllWebsockets();
+      };
+    }
+
     setStatus("loading");
     const newestImage = chart?.config?.image?.repository;