Migrating Vue components to React and stores refactoring (#585)

Signed-off-by: Roman <ixrock@gmail.com>

Co-authored-by: Sebastian Malton <sebastian@malton.name>
Co-authored-by: Sebastian Malton <smalton@mirantis.com>
Co-authored-by: Lauri Nevala <lauri.nevala@gmail.com>
Co-authored-by: Alex Andreev <alex.andreev.email@gmail.com>

src/renderer/components/+cluster/cluster.tsx

@@ -13,17 +13,22 @@ import { nodesStore } from "../+nodes/nodes.store";
 import { podsStore } from "../+workloads-pods/pods.store";
 import { clusterStore } from "./cluster.store";
 import { eventStore } from "../+events/event.store";
-import { isAllowedResource } from "../../api/rbac";
+import { isAllowedResource } from "../../../common/rbac";
 
 @observer
 export class Cluster extends React.Component {
+  private dependentStores = [nodesStore, podsStore];
+
   private watchers = [
     interval(60, () => clusterStore.getMetrics()),
     interval(20, () => eventStore.loadAll())
   ];
 
-  private dependentStores = [nodesStore, podsStore];
+  @computed get isLoaded() {
+    return nodesStore.isLoaded && podsStore.isLoaded
+  }
 
+  // todo: refactor
   async componentDidMount() {
     const { dependentStores } = this;
     if (!isAllowedResource("nodes")) {
@@ -46,13 +51,6 @@ export class Cluster extends React.Component {
     ])
   }
 
-  @computed get isLoaded() {
-    return (
-      nodesStore.isLoaded &&
-      podsStore.isLoaded
-    )
-  }
-
   render() {
     const { isLoaded } = this;
     return (

src/renderer/components/+cluster/index.ts

@@ -1,2 +1,2 @@
-export * from "./cluster.routes"
+export * from "./cluster.route"