From 131e60888547409cbdef1ddc957c6c6cb96891b3 Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Wed, 16 Oct 2024 15:25:50 +0200
Subject: [PATCH] fix: fix two disabled tooltips (#8464)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fix this warning:

> MUI: You are providing a disabled button child to the Tooltip
component.
> A disabled element does not fire events.
> Tooltip needs to listen to the child element’s events to display the
title.
> Add a simple wrapper element, such as a span.
---
 .../ArchiveButton.tsx                          | 18 ++++++++++--------
 .../ProjectFeaturesBatchActions/ManageTags.tsx | 18 ++++++++++--------
 2 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/frontend/src/component/project/Project/ProjectFeatureToggles/ProjectFeaturesBatchActions/ArchiveButton.tsx b/frontend/src/component/project/Project/ProjectFeatureToggles/ProjectFeaturesBatchActions/ArchiveButton.tsx
index ec9dfdc0a7ba..7396793084f9 100644
--- a/frontend/src/component/project/Project/ProjectFeatureToggles/ProjectFeaturesBatchActions/ArchiveButton.tsx
+++ b/frontend/src/component/project/Project/ProjectFeatureToggles/ProjectFeaturesBatchActions/ArchiveButton.tsx
@@ -53,14 +53,16 @@ export const ArchiveButton: VFC<IArchiveButtonProps> = ({
         <>
             <PermissionHOC projectId={projectId} permission={DELETE_FEATURE}>
                 {({ hasAccess }) => (
-                    <Button
-                        disabled={!hasAccess || isDialogOpen}
-                        variant='outlined'
-                        size='small'
-                        onClick={() => setIsDialogOpen(true)}
-                    >
-                        Archive
-                    </Button>
+                    <span>
+                        <Button
+                            disabled={!hasAccess || isDialogOpen}
+                            variant='outlined'
+                            size='small'
+                            onClick={() => setIsDialogOpen(true)}
+                        >
+                            Archive
+                        </Button>
+                    </span>
                 )}
             </PermissionHOC>
             <FeatureArchiveDialog
diff --git a/frontend/src/component/project/Project/ProjectFeatureToggles/ProjectFeaturesBatchActions/ManageTags.tsx b/frontend/src/component/project/Project/ProjectFeatureToggles/ProjectFeaturesBatchActions/ManageTags.tsx
index d9ba55a87517..3db4578dd734 100644
--- a/frontend/src/component/project/Project/ProjectFeatureToggles/ProjectFeaturesBatchActions/ManageTags.tsx
+++ b/frontend/src/component/project/Project/ProjectFeatureToggles/ProjectFeaturesBatchActions/ManageTags.tsx
@@ -96,14 +96,16 @@ export const ManageTags: VFC<IManageTagsProps> = ({
         <>
             <PermissionHOC projectId={projectId} permission={UPDATE_FEATURE}>
                 {({ hasAccess }) => (
-                    <Button
-                        disabled={!hasAccess || isOpen}
-                        variant='outlined'
-                        size='small'
-                        onClick={() => setIsOpen(true)}
-                    >
-                        Tags
-                    </Button>
+                    <span>
+                        <Button
+                            disabled={!hasAccess || isOpen}
+                            variant='outlined'
+                            size='small'
+                            onClick={() => setIsOpen(true)}
+                        >
+                            Tags
+                        </Button>
+                    </span>
                 )}
             </PermissionHOC>
             <ManageBulkTagsDialog