Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2024-12-22 19:07:54 +01:00
Code Issues Projects Releases Wiki Activity

chore: use HTML (custom) tooltip for permission switches (#7355)

Browse Source 
This PR changes the environment permission switch to use the HTML
tooltip instead of the default MUI tooltip. This aligns with how we've
been doing tooltips recently.

The main driver behind this change was that the project flag table used
two different tooltips. This makes it so that they all look the same,
but it also impacts other places that use the same switch.

In feature flag table:

![image](https://github.com/Unleash/unleash/assets/17786332/4d411285-c00e-41ec-95f9-9e6855d46661)

On flag page:

![image](https://github.com/Unleash/unleash/assets/17786332/11de1daf-7d0f-4214-8dc7-10b11631ce58)

In project env table:


![image](https://github.com/Unleash/unleash/assets/17786332/cc7a3a99-e48c-4989-9a14-2d5d4035a3cb)
This commit is contained in:
Thomas Heartman 2024-06-11 14:03:35 +02:00 committed by GitHub
parent 3acb3ad2c2
commit cfcf13980e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/component/common/PermissionSwitch/PermissionSwitch.tsx
View File

@ -64,7 +64,11 @@ const BasePermissionSwitch = React.forwardRef<
} = props;
return (
<TooltipResolver title={formatAccessText(access, tooltip)} arrow>
<TooltipResolver
title={formatAccessText(access, tooltip)}
arrow
variant='custom'
>
<span data-loading>
<Switch
data-testid='toggle-switch'