From 0a78aa4aedebdc1109864d0d3a96959a57a1dd60 Mon Sep 17 00:00:00 2001
From: Pawan Kumar <pawan@appsmith.com>
Date: Wed, 13 Jul 2022 12:26:59 +0530
Subject: [PATCH] fix: Not able to right click on app home button in view mode
 (#15085)

replace button with link
---
 app/client/src/pages/AppViewer/BackToHomeButton.tsx | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/app/client/src/pages/AppViewer/BackToHomeButton.tsx b/app/client/src/pages/AppViewer/BackToHomeButton.tsx
index 8314fb2537..cabd61bdfc 100644
--- a/app/client/src/pages/AppViewer/BackToHomeButton.tsx
+++ b/app/client/src/pages/AppViewer/BackToHomeButton.tsx
@@ -1,20 +1,17 @@
 import React from "react";
+import { Link } from "react-router-dom";
 import { useSelector } from "react-redux";
-import { useHistory } from "react-router";
 import AppsIcon from "remixicon-react/AppsLineIcon";
 
 import { getSelectedAppTheme } from "selectors/appThemingSelectors";
 
 function BackToHomeButton() {
-  const history = useHistory();
   const selectedTheme = useSelector(getSelectedAppTheme);
 
   return (
-    <button
-      className="flex items-center gap-1 group t--back-to-home"
-      onClick={() => {
-        history.push("/applications");
-      }}
+    <Link
+      className="flex items-center gap-1 group t--back-to-home hover:no-underline"
+      to="/applications"
     >
       <AppsIcon
         className="p-1 text-[#858282] w-7 h-7 group-hover:bg-gray-100"
@@ -23,7 +20,7 @@ function BackToHomeButton() {
         }}
       />
       <span className="hidden md:block text-[#4B4848]">Apps</span>
-    </button>
+    </Link>
   );
 }