From 5abbf989056195313ce3c18783e4bbb77bc5e190 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Wed, 28 Oct 2020 10:18:28 +0300
Subject: [PATCH] Extensions page and menu item

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/main/menu.ts                              |  7 ++++++
 .../+extensions/extensions.route.ts           |  8 +++++++
 .../components/+extensions/extensions.scss    |  3 +++
 .../components/+extensions/extensions.tsx     | 22 +++++++++++++++++++
 src/renderer/components/+extensions/index.ts  |  1 +
 .../cluster-manager/cluster-manager.tsx       |  3 +++
 6 files changed, 44 insertions(+)
 create mode 100644 src/renderer/components/+extensions/extensions.route.ts
 create mode 100644 src/renderer/components/+extensions/extensions.scss
 create mode 100644 src/renderer/components/+extensions/extensions.tsx
 create mode 100644 src/renderer/components/+extensions/index.ts

diff --git a/src/main/menu.ts b/src/main/menu.ts
index 7bb340b5ce..05ff9602c4 100644
--- a/src/main/menu.ts
+++ b/src/main/menu.ts
@@ -7,6 +7,7 @@ import { preferencesURL } from "../renderer/components/+preferences/preferences.
 import { whatsNewURL } from "../renderer/components/+whats-new/whats-new.route";
 import { clusterSettingsURL } from "../renderer/components/+cluster-settings/cluster-settings.route";
 import { menuRegistry } from "../extensions/registries/menu-registry";
+import { extensionsURL } from "../renderer/components/+extensions";
 import logger from "./logger";
 
 export type MenuTopId = "mac" | "file" | "edit" | "view" | "help"
@@ -73,6 +74,12 @@ export function buildMenu(windowManager: WindowManager) {
           navigate(preferencesURL())
         }
       },
+      {
+        label: 'Extensions',
+        click() {
+          navigate(extensionsURL())
+        }
+      },
       { type: 'separator' },
       { role: 'services' },
       { type: 'separator' },
diff --git a/src/renderer/components/+extensions/extensions.route.ts b/src/renderer/components/+extensions/extensions.route.ts
new file mode 100644
index 0000000000..52300ee059
--- /dev/null
+++ b/src/renderer/components/+extensions/extensions.route.ts
@@ -0,0 +1,8 @@
+import { RouteProps } from "react-router";
+import { buildURL } from "../../navigation";
+
+export const extensionsRoute: RouteProps = {
+  path: "/extensions"
+}
+
+export const extensionsURL = buildURL(extensionsRoute.path)
diff --git a/src/renderer/components/+extensions/extensions.scss b/src/renderer/components/+extensions/extensions.scss
new file mode 100644
index 0000000000..273293e59b
--- /dev/null
+++ b/src/renderer/components/+extensions/extensions.scss
@@ -0,0 +1,3 @@
+.Extensions {
+  
+}
\ No newline at end of file
diff --git a/src/renderer/components/+extensions/extensions.tsx b/src/renderer/components/+extensions/extensions.tsx
new file mode 100644
index 0000000000..ce365db0f6
--- /dev/null
+++ b/src/renderer/components/+extensions/extensions.tsx
@@ -0,0 +1,22 @@
+import "./extensions.scss";
+
+import React from "react";
+import { Trans } from "@lingui/macro";
+import { observer } from "mobx-react";
+import { PageLayout } from "../layout/page-layout";
+
+@observer
+export class Extensions extends React.Component {
+  disable() {
+    
+  }
+
+  render() {
+    const header = <h2><Trans>Extensions</Trans></h2>;
+    return (
+      <PageLayout showOnTop className="Extensions" header={header}>
+        <h2><Trans>List</Trans></h2>
+      </PageLayout>
+    );
+  }
+}
\ No newline at end of file
diff --git a/src/renderer/components/+extensions/index.ts b/src/renderer/components/+extensions/index.ts
new file mode 100644
index 0000000000..a45b2e7a0b
--- /dev/null
+++ b/src/renderer/components/+extensions/index.ts
@@ -0,0 +1 @@
+export * from "./extensions.route"
\ No newline at end of file
diff --git a/src/renderer/components/cluster-manager/cluster-manager.tsx b/src/renderer/components/cluster-manager/cluster-manager.tsx
index aca2163402..2c05016be9 100644
--- a/src/renderer/components/cluster-manager/cluster-manager.tsx
+++ b/src/renderer/components/cluster-manager/cluster-manager.tsx
@@ -15,6 +15,8 @@ import { clusterViewRoute, clusterViewURL, getMatchedCluster, getMatchedClusterI
 import { clusterStore } from "../../../common/cluster-store";
 import { hasLoadedView, initView, lensViews, refreshViews } from "./lens-views";
 import { globalPageRegistry } from "../../../extensions/registries/page-registry";
+import { extensionsRoute } from "../+extensions";
+import { Extensions } from "../+extensions/extensions";
 
 @observer
 export class ClusterManager extends React.Component {
@@ -59,6 +61,7 @@ export class ClusterManager extends React.Component {
           <Switch>
             <Route component={LandingPage} {...landingRoute} />
             <Route component={Preferences} {...preferencesRoute} />
+            <Route component={Extensions} {...extensionsRoute} />
             <Route component={Workspaces} {...workspacesRoute} />
             <Route component={AddCluster} {...addClusterRoute} />
             <Route component={ClusterView} {...clusterViewRoute} />