From 968fc984011fc45b3b2fd019904461e05497023d Mon Sep 17 00:00:00 2001
From: Chaim Lev-Ari <chiptus@users.noreply.github.com>
Date: Fri, 3 Feb 2023 02:54:00 +0530
Subject: [PATCH] fix(home): show tooltip for disabled envs [EE-4859] (#8283)

---
 app/assets/css/button.css                             |  1 -
 .../EnvironmentItem/EnvironmentBrowseButtons.tsx      | 11 ++++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/assets/css/button.css b/app/assets/css/button.css
index d6a598fc5..ebfd25e04 100644
--- a/app/assets/css/button.css
+++ b/app/assets/css/button.css
@@ -13,7 +13,6 @@
 .btn[disabled],
 fieldset[disabled] .btn {
   @apply opacity-40;
-  pointer-events: none;
   touch-action: none;
 }
 
diff --git a/app/react/portainer/HomeView/EnvironmentList/EnvironmentItem/EnvironmentBrowseButtons.tsx b/app/react/portainer/HomeView/EnvironmentList/EnvironmentItem/EnvironmentBrowseButtons.tsx
index 5f3ebd4f6..5d7db4ee3 100644
--- a/app/react/portainer/HomeView/EnvironmentList/EnvironmentItem/EnvironmentBrowseButtons.tsx
+++ b/app/react/portainer/HomeView/EnvironmentList/EnvironmentItem/EnvironmentBrowseButtons.tsx
@@ -43,6 +43,11 @@ export function EnvironmentBrowseButtons({
             size="medium"
             color="light"
             className="w-full !py-0 !m-0"
+            title={
+              !isEdgeAsync
+                ? 'Browse snapshot is only available for async environments'
+                : ''
+            }
           >
             Browse snapshot
           </LinkButton>
@@ -60,7 +65,11 @@ export function EnvironmentBrowseButtons({
 
       {browseStatus !== 'connected' ? (
         <LinkButton
-          title="Live connection is not available for async environments"
+          title={
+            isEdgeAsync
+              ? 'Live connection is not available for async environments'
+              : ''
+          }
           icon={Wifi}
           disabled={isEdgeAsync}
           to={dashboardRoute.to}