From 16ab946b5d44bb2b0e26e1a33fa31ffa2dbd25a5 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Sun, 23 May 2021 14:57:58 +0300
Subject: [PATCH] Moving onClick handler away

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/layout/main-layout-header.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/layout/main-layout-header.tsx b/src/renderer/components/layout/main-layout-header.tsx
index 384b511af0..6323724009 100644
--- a/src/renderer/components/layout/main-layout-header.tsx
+++ b/src/renderer/components/layout/main-layout-header.tsx
@@ -35,15 +35,17 @@ interface Props {
   className?: string
 }
 
+function navigateToCatalog() {
+  broadcastMessage(IpcRendererNavigationEvents.NAVIGATE_IN_APP, catalogURL());
+}
+
 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">
+      <div>
         <MaterialTooltip title="Back to Catalog" placement="left">
-          <Icon style={{ cursor: "default" }} material="close" onClick={() =>
-            broadcastMessage(IpcRendererNavigationEvents.NAVIGATE_IN_APP, catalogURL())
-          } />
+          <Icon style={{ cursor: "default" }} material="close" onClick={navigateToCatalog}/>
         </MaterialTooltip>
       </div>
     </header>