From 2c1426e3978e41c0d0b075fd1b47e1e25ad24c67 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Fri, 21 May 2021 12:06:55 +0300
Subject: [PATCH] Rendering close button in cluster view

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../components/layout/main-layout-header.tsx      | 15 ++++++++++++++-
 src/renderer/components/layout/sidebar.scss       |  1 +
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/layout/main-layout-header.tsx b/src/renderer/components/layout/main-layout-header.tsx
index 354794e363..384b511af0 100644
--- a/src/renderer/components/layout/main-layout-header.tsx
+++ b/src/renderer/components/layout/main-layout-header.tsx
@@ -21,8 +21,14 @@
 
 import React from "react";
 import { observer } from "mobx-react";
-import type { Cluster } from "../../../main/cluster";
 import { cssNames } from "../../utils";
+import { Icon } from "../icon";
+import { MaterialTooltip } from "../+catalog/material-tooltip/material-tooltip";
+import { catalogURL } from "../+catalog";
+import { broadcastMessage } from "../../../common/ipc";
+import { IpcRendererNavigationEvents } from "../../navigation/events";
+
+import type { Cluster } from "../../../main/cluster";
 
 interface Props {
   cluster: Cluster
@@ -33,6 +39,13 @@ export const MainLayoutHeader = observer(({ cluster, className }: Props) => {
   return (
     <header className={cssNames("flex gaps align-center justify-space-between", className)}>
       <span className="cluster">{cluster.name}</span>
+      <div className="closeIde">
+        <MaterialTooltip title="Back to Catalog" placement="left">
+          <Icon style={{ cursor: "default" }} material="close" onClick={() =>
+            broadcastMessage(IpcRendererNavigationEvents.NAVIGATE_IN_APP, catalogURL())
+          } />
+        </MaterialTooltip>
+      </div>
     </header>
   );
 });
diff --git a/src/renderer/components/layout/sidebar.scss b/src/renderer/components/layout/sidebar.scss
index 6212758905..6342f64d3d 100644
--- a/src/renderer/components/layout/sidebar.scss
+++ b/src/renderer/components/layout/sidebar.scss
@@ -61,6 +61,7 @@
     .pin-icon {
       margin: auto;
       margin-right: $padding / 2;
+      cursor: default;
     }
   }