Fix: laggy toggles (#3873)

This PR removes the `disabled` state for the feature toggle env switches. This is what causes the lag from when you toggle the switch to when it becomes available for actions again. Signed-off-by: andreas-unleash <andreas@getunleash.ai> Co-authored-by: Nuno Góis <github@nunogois.com>
Unleash · May 26, 2023 · 4bcd73b · 4bcd73b
1 parent 9f74007
commit 4bcd73b
Showing 1 changed file with 15 additions and 6 deletions.
diff --git a/...mponent/project/Project/ProjectFeatureToggles/FeatureToggleSwitch/FeatureToggleSwitch.tsx b/...mponent/project/Project/ProjectFeatureToggles/FeatureToggleSwitch/FeatureToggleSwitch.tsx
@@ -134,13 +134,13 @@ export const FeatureToggleSwitch: VFC<IFeatureToggleSwitchProps> = ({
                 onChangeRequestToggle(
                     feature.name,
                     environmentName,
-                    !value,
+                    !isChecked,
                     false
                 );
             }
             return;
         }
-        if (value) {
+        if (isChecked) {
             await handleToggleEnvironmentOff();
             return;
         }
@@ -159,7 +159,12 @@ export const FeatureToggleSwitch: VFC<IFeatureToggleSwitchProps> = ({
             },
         });
         if (isChangeRequestConfigured(environmentName)) {
-            onChangeRequestToggle(feature.name, environmentName, !value, true);
+            onChangeRequestToggle(
+                feature.name,
+                environmentName,
+                !isChecked,
+                true
+            );
         } else {
             await handleToggleEnvironmentOn(true);
         }
@@ -173,7 +178,12 @@ export const FeatureToggleSwitch: VFC<IFeatureToggleSwitchProps> = ({
             },
         });
         if (isChangeRequestConfigured(environmentName)) {
-            onChangeRequestToggle(feature.name, environmentName, !value, false);
+            onChangeRequestToggle(
+                feature.name,
+                environmentName,
+                !isChecked,
+                false
+            );
         } else {
             await handleToggleEnvironmentOn();
         }
@@ -201,7 +211,7 @@ export const FeatureToggleSwitch: VFC<IFeatureToggleSwitchProps> = ({
             >
                 <PermissionSwitch
                     tooltip={
-                        value
+                        isChecked
                             ? `Disable feature in ${environmentName}`
                             : `Enable feature in ${environmentName}`
                     }
@@ -211,7 +221,6 @@ export const FeatureToggleSwitch: VFC<IFeatureToggleSwitchProps> = ({
                     permission={UPDATE_FEATURE_ENVIRONMENT}
                     inputProps={{ 'aria-label': environmentName }}
                     onClick={onClick}
-                    disabled={isChecked !== value}
                 />
             </StyledBoxContainer>
             {showStrategyImprovements && (