Lens restructure (#540)

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

src/renderer/components/+apps/apps.route.ts

@@ -0,0 +1,8 @@
+import { RouteProps } from "react-router";
+import { buildURL } from "../../navigation";
+
+export const appsRoute: RouteProps = {
+  path: "/apps",
+};
+
+export const appsURL = buildURL(appsRoute.path);

src/renderer/components/+apps/apps.tsx

@@ -0,0 +1,41 @@
+import React from "react";
+import { observer } from "mobx-react";
+import { Redirect, Route, Switch } from "react-router";
+import { Trans } from "@lingui/macro";
+import { MainLayout, TabRoute } from "../layout/main-layout";
+import { HelmCharts, helmChartsRoute, helmChartsURL } from "../+apps-helm-charts";
+import { HelmReleases, releaseRoute, releaseURL } from "../+apps-releases";
+import { namespaceStore } from "../+namespaces/namespace.store";
+
+@observer
+export class Apps extends React.Component {
+  static get tabRoutes(): TabRoute[] {
+    const query = namespaceStore.getContextParams();
+    return [
+      {
+        title: <Trans>Charts</Trans>,
+        component: HelmCharts,
+        url: helmChartsURL(),
+        path: helmChartsRoute.path,
+      },
+      {
+        title: <Trans>Releases</Trans>,
+        component: HelmReleases,
+        url: releaseURL({ query }),
+        path: releaseRoute.path,
+      },
+    ]
+  }
+
+  render() {
+    const tabRoutes = Apps.tabRoutes;
+    return (
+      <MainLayout className="Apps" tabs={tabRoutes}>
+        <Switch>
+          {tabRoutes.map((route, index) => <Route key={index} {...route}/>)}
+          <Redirect to={tabRoutes[0].url}/>
+        </Switch>
+      </MainLayout>
+    )
+  }
+}

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

@@ -0,0 +1,2 @@
+export * from "./apps";
+export * from "./apps.route";