fix: fix two disabled tooltips (#8464)

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.
Unleash · Oct 16, 2024 · 131e608 · 131e608
1 parent cb0a269
commit 131e608
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 16 deletions.
diff --git a/...onent/project/Project/ProjectFeatureToggles/ProjectFeaturesBatchActions/ArchiveButton.tsx b/...onent/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/...omponent/project/Project/ProjectFeatureToggles/ProjectFeaturesBatchActions/ManageTags.tsx b/...omponent/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