added dummy react files for replacing vue-components

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

src/renderer/_vue/index.js

@@ -1,3 +1,5 @@
+// todo: remove, currently not used in runtime
+
 import "../../common/system-ca"
 import "./assets/css/app.scss"
 import { PromiseIpc } from 'electron-promise-ipc'
@@ -6,9 +8,6 @@ import BootstrapVue from 'bootstrap-vue'
 import App from './App'
 import router from './router'
 import store from './store'
-import { userStore } from "../../common/user-store"
-import { workspaceStore } from "../../common/workspace-store"
-import { clusterStore } from "../../common/cluster-store"
 
 const promiseIpc = new PromiseIpc({maxTimeoutMs: 6000});
 
@@ -26,12 +25,6 @@ Vue.mixin({
 })
 
 setTimeout(async () => {
-  await Promise.all([
-    userStore.whenLoaded,
-    workspaceStore.whenLoaded,
-    clusterStore.whenLoaded,
-  ]);
-
   await store.dispatch('init')
   new Vue({
     components: {App},

src/renderer/components/+clusters/add-cluster.tsx

@@ -0,0 +1,10 @@
+import React from "react";
+
+interface Props {
+}
+
+export class AddCluster extends React.Component {
+  render() {
+    return "";
+  }
+}

src/renderer/components/+clusters/cluster-settings.tsx

@@ -0,0 +1,10 @@
+import React from "react";
+
+interface Props {
+}
+
+export class ClusterSettings extends React.Component {
+  render() {
+    return "";
+  }
+}

src/renderer/components/+clusters/clusters-menu.tsx

@@ -0,0 +1,10 @@
+import React from "react";
+
+interface Props {
+}
+
+export class ClusterSettings extends React.Component {
+  render() {
+    return "";
+  }
+}

src/renderer/components/+clusters/clusters.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+import { userStore } from "../../../common/user-store";
+import { workspaceStore } from "../../../common/workspace-store";
+import { clusterStore } from "../../../common/cluster-store";
+
+interface Props {
+}
+
+export class Clusters extends React.Component {
+  static async init(){
+    // todo: move to App.init()
+    await Promise.all([
+      userStore.load(),
+      workspaceStore.load(),
+      clusterStore.load(),
+    ]);
+  }
+
+  render() {
+    return (
+      <div className="Clusters">
+        Clusters page
+      </div>
+    );
+  }
+}

src/renderer/components/+clusters/index.tsx

@@ -0,0 +1 @@
+export * from "./clusters"

src/renderer/index.tsx

@@ -1,19 +1,11 @@
+import React from "react";
+import ReactDOM from "react-dom";
 import "../common/system-ca"
-import { userStore } from "../common/user-store";
-import { workspaceStore } from "../common/workspace-store";
-import { clusterStore } from "../common/cluster-store";
-// import { App } from "./components/app";
+import { Clusters } from "./components/+clusters";
 
 async function render() {
-  await Promise.all([
-    userStore.whenLoaded,
-    workspaceStore.whenLoaded,
-    clusterStore.whenLoaded,
-  ]);
-
-  // App.init();
-  document.getElementById("app").innerHTML = "<p>Hello from renderer!</p>"
+  await Clusters.init();
+  ReactDOM.render(<Clusters/>, document.getElementById("app"),)
 }
 
-// run
-render();
+window.addEventListener("load", render);