From 7a71127d3c8c9dd9af5e6d96b2893001538f2da8 Mon Sep 17 00:00:00 2001
From: Sebastian Malton <sebastian@malton.name>
Date: Fri, 19 Nov 2021 15:53:34 -0500
Subject: [PATCH] Fix strangeness when switching between single namespaces

Signed-off-by: Sebastian Malton <sebastian@malton.name>
---
 .../components/+workloads-overview/overview.tsx     | 13 +++++++------
 .../kube-object-list-layout.tsx                     |  2 +-
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/renderer/components/+workloads-overview/overview.tsx b/src/renderer/components/+workloads-overview/overview.tsx
index 57de7ecba6..a684a645aa 100644
--- a/src/renderer/components/+workloads-overview/overview.tsx
+++ b/src/renderer/components/+workloads-overview/overview.tsx
@@ -61,7 +61,7 @@ export class WorkloadsOverview extends React.Component<Props> {
       ], {
         onLoadFailure: error => this.loadErrors.push(String(error)),
       }),
-      reaction(() => clusterContext.contextNamespaces.length, () => {
+      reaction(() => clusterContext.contextNamespaces.slice(), () => {
         // clear load errors
         this.loadErrors.length = 0;
       }),
@@ -90,11 +90,12 @@ export class WorkloadsOverview extends React.Component<Props> {
   }
 
   render() {
-    const items = WorkloadsOverviewDetailRegistry.getInstance().getItems().map((item, index) => {
-      return (
-        <item.components.Details key={`workload-overview-${index}`}/>
-      );
-    });
+    const items = WorkloadsOverviewDetailRegistry
+      .getInstance()
+      .getItems()
+      .map(({ components: { Details }}, index) => (
+        <Details key={`workload-overview-${index}`}/>
+      ));
 
     return (
       <div className="WorkloadsOverview flex column gaps">
diff --git a/src/renderer/components/kube-object-list-layout/kube-object-list-layout.tsx b/src/renderer/components/kube-object-list-layout/kube-object-list-layout.tsx
index d74f05c839..4bfe34461e 100644
--- a/src/renderer/components/kube-object-list-layout/kube-object-list-layout.tsx
+++ b/src/renderer/components/kube-object-list-layout/kube-object-list-layout.tsx
@@ -67,7 +67,7 @@ export class KubeObjectListLayout<K extends KubeObject> extends React.Component<
     const { store, dependentStores = [], subscribeStores } = this.props;
     const stores = Array.from(new Set([store, ...dependentStores]));
     const reactions: Disposer[] = [
-      reaction(() => clusterContext.contextNamespaces.length, () => {
+      reaction(() => clusterContext.contextNamespaces.slice(), () => {
         // clear load errors
         this.loadErrors.length = 0;
       }),