fix: fixes broken auto redirect. see #3123 (#3129)

Author: amir20

assets/components/HostMenu.vue

@@ -186,4 +186,8 @@ watchEffect(() => {
 li.exited {
   @apply opacity-50;
 }
+
+li.deleted {
+  @apply hidden;
+}
 </style>

assets/stores/container.ts

@@ -61,16 +61,16 @@ export const useContainerStore = defineStore("container", () => {
     });
     es.addEventListener("container-event", (e) => {
       const event = JSON.parse((e as MessageEvent).data) as { actorId: string; name: string };
-      switch (event.name) {
-        case "die":
-          const container = allContainersById.value[event.actorId];
-          if (container) {
+      const container = allContainersById.value[event.actorId];
+      if (container) {
+        switch (event.name) {
+          case "die":
             container.state = "exited";
-          }
-          break;
-        case "destroy":
-          containers.value = containers.value.filter((c) => c.id !== event.actorId);
-          break;
+            break;
+          case "destroy":
+            container.state = "deleted";
+            break;
+        }
       }
     });
 

assets/types/Container.d.ts

@@ -20,5 +20,5 @@ export type ContainerJson = {
   readonly group?: string;
 };
 
-export type ContainerState = "created" | "running" | "exited" | "dead" | "paused" | "restarting";
+export type ContainerState = "created" | "running" | "exited" | "dead" | "paused" | "restarting" | "deleted";
 export type ContainerHealth = "healthy" | "unhealthy" | "starting";