Disable flashbots toggle on appropriate chains (#5812)

* disable flashbots on all chains other than mainnet * . * add networkobj check * whoops * fix lint
rainbow-me · Jun 6, 2024 · 984fabe · 984fabe
1 parent b6d2935
commit 984fabe
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 7 deletions.
diff --git a/src/__swaps__/screens/Swap/components/AnimatedSwitch.tsx b/src/__swaps__/screens/Swap/components/AnimatedSwitch.tsx
@@ -12,9 +12,10 @@ type AnimatedSwitchProps = {
   value: SharedValue<boolean>;
   activeLabel?: string;
   inactiveLabel?: string;
+  disabled?: boolean;
 } & Omit<GestureHandlerButtonProps, 'children'>;
 
-export function AnimatedSwitch({ value, onToggle, activeLabel, inactiveLabel, ...props }: AnimatedSwitchProps) {
+export function AnimatedSwitch({ value, onToggle, activeLabel, inactiveLabel, disabled = false, ...props }: AnimatedSwitchProps) {
   const { isDarkMode } = useColorMode();
 
   const inactiveBg = useForegroundColor('fillSecondary');
@@ -27,6 +28,7 @@ export function AnimatedSwitch({ value, onToggle, activeLabel, inactiveLabel, ..
         ? withTiming(opacityWorklet(inactiveBg, 0.12), TIMING_CONFIGS.fadeConfig)
         : withTiming(opacityWorklet(activeBg, 0.64), TIMING_CONFIGS.fadeConfig),
       borderColor: opacityWorklet(border, 0.06),
+      opacity: disabled ? 0.4 : 1,
     };
   });
 
@@ -41,6 +43,8 @@ export function AnimatedSwitch({ value, onToggle, activeLabel, inactiveLabel, ..
   });
 
   const labelItem = useDerivedValue(() => {
+    if (disabled) return;
+
     if (!activeLabel && !inactiveLabel) {
       return;
     }

diff --git a/src/__swaps__/screens/Swap/components/ReviewPanel.tsx b/src/__swaps__/screens/Swap/components/ReviewPanel.tsx
@@ -34,6 +34,7 @@ import { useNavigation } from '@/navigation';
 import Routes from '@/navigation/routesNames';
 import { ethereumUtils } from '@/utils';
 import { getNativeAssetForNetwork } from '@/utils/ethereumUtils';
+import { getNetworkObj } from '@/networks';
 import { chainNameFromChainId } from '@/__swaps__/utils/chains';
 
 const UNKNOWN_LABEL = i18n.t(i18n.l.swap.unknown);
@@ -119,6 +120,24 @@ function EstimatedArrivalTime() {
   );
 }
 
+function FlashbotsToggle() {
+  const { SwapSettings } = useSwapContext();
+
+  const inputAssetChainId = swapsStore(state => state.inputAsset?.chainId) ?? ChainId.mainnet;
+  const isFlashbotsEnabledForNetwork = getNetworkObj(ethereumUtils.getNetworkFromChainId(inputAssetChainId)).features.flashbots;
+  const flashbotsToggleValue = useDerivedValue(() => isFlashbotsEnabledForNetwork && SwapSettings.flashbots.value);
+
+  return (
+    <AnimatedSwitch
+      onToggle={SwapSettings.onToggleFlashbots}
+      disabled={!isFlashbotsEnabledForNetwork}
+      value={flashbotsToggleValue}
+      activeLabel={i18n.t(i18n.l.expanded_state.swap.on)}
+      inactiveLabel={i18n.t(i18n.l.expanded_state.swap.off)}
+    />
+  );
+}
+
 export function ReviewPanel() {
   const { navigate } = useNavigation();
   const { isDarkMode } = useColorMode();
@@ -266,12 +285,7 @@ export function ReviewPanel() {
               </ButtonPressAnimation>
             </Inline>
 
-            <AnimatedSwitch
-              onToggle={SwapSettings.onToggleFlashbots}
-              value={SwapSettings.flashbots}
-              activeLabel={i18n.t(i18n.l.expanded_state.swap.on)}
-              inactiveLabel={i18n.t(i18n.l.expanded_state.swap.off)}
-            />
+            <FlashbotsToggle />
           </Inline>
 
           <Inline wrap={false} horizontalSpace="10px" alignVertical="center" alignHorizontal="justify">