reset namespaceStore metrics on namespace change

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>

src/renderer/components/+namespaces/namespace-details.tsx

@@ -1,8 +1,8 @@
 import "./namespace-details.scss";
 
 import React from "react";
-import { computed } from "mobx";
+import { computed, reaction } from "mobx";
-import { observer } from "mobx-react";
+import { disposeOnUnmount, observer } from "mobx-react";
 import { DrawerItem } from "../drawer";
 import { cssNames } from "../../utils";
 import { Namespace } from "../../api/endpoints";
@@ -37,6 +37,16 @@ export class NamespaceDetails extends React.Component<Props> {
   componentDidMount() {
     resourceQuotaStore.reloadAll();
     limitRangeStore.reloadAll();
+
+    disposeOnUnmount(this, [
+      reaction(() => this.props.object, () => {
+        namespaceStore.reset();
+      })
+    ]);
+  }
+
+  componentWillUnmount() {
+    namespaceStore.reset();
   }
 
   render() {

src/renderer/components/+namespaces/namespace.store.ts

@@ -181,6 +181,10 @@ export class NamespaceStore extends KubeObjectStore<Namespace> {
     await super.remove(item);
     this.contextNs.delete(item.getName());
   }
+
+  reset() {
+    this.metrics = null;
+  }
 }
 
 export const namespaceStore = new NamespaceStore();