add execute swap

src/__swaps__/screens/Swap/components/SwapActionButton.tsx

@@ -3,10 +3,10 @@ import React from 'react';
 import { StyleProp, StyleSheet, TextStyle, ViewStyle } from 'react-native';
 import Animated, { DerivedValue, useAnimatedStyle, useDerivedValue } from 'react-native-reanimated';
 
-import { ButtonPressAnimation } from '@/components/animations';
 import { AnimatedText, Box, Column, Columns, globalColors, useColorMode, useForegroundColor } from '@/design-system';
 import { ExtendedAnimatedAssetWithColors } from '@/__swaps__/types/assets';
 import { getColorValueForThemeWorklet } from '@/__swaps__/utils/swaps';
+import { GestureHandlerV1Button } from './GestureHandlerV1Button';
 
 export const SwapActionButton = ({
   asset,
@@ -16,7 +16,6 @@ export const SwapActionButton = ({
   icon,
   iconStyle,
   label,
-  onLongPress,
   onPress,
   outline,
   rightIcon,
@@ -31,7 +30,6 @@ export const SwapActionButton = ({
   icon?: string | DerivedValue<string | undefined>;
   iconStyle?: StyleProp<TextStyle>;
   label: string | DerivedValue<string | undefined>;
-  onLongPress?: () => void;
   onPress?: () => void;
   outline?: boolean;
   rightIcon?: string;
@@ -98,9 +96,8 @@ export const SwapActionButton = ({
   });
 
   return (
-    <ButtonPressAnimation
-      onLongPress={onLongPress}
-      onPress={onPress}
+    <GestureHandlerV1Button
+      onPressWorklet={onPress}
       scaleTo={scaleTo || (hugContent ? undefined : 0.925)}
       style={{
         ...(hugContent && feedActionButtonStyles.buttonWrapper),
@@ -145,7 +142,7 @@ export const SwapActionButton = ({
           )}
         </Columns>
       </Box>
-    </ButtonPressAnimation>
+    </GestureHandlerV1Button>
   );
 };
 

src/__swaps__/screens/Swap/components/SwapBottomPanel.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Animated, { runOnUI, useAnimatedStyle, withSpring } from 'react-native-reanimated';
+import Animated, { useAnimatedStyle, withSpring } from 'react-native-reanimated';
 import { StyleSheet } from 'react-native';
 import { getSoftMenuBarHeight } from 'react-native-extra-dimensions-android';
 import { PanGestureHandler } from 'react-native-gesture-handler';
@@ -74,7 +74,7 @@ export function SwapBottomPanel() {
             </Box>
           </Column>
           <SwapActionButton
-            onPress={() => runOnUI(SwapNavigation.handleSwapAction)()}
+            onPress={SwapNavigation.handleSwapAction}
             asset={internalSelectedOutputAsset}
             icon={confirmButtonIcon}
             iconStyle={confirmButtonIconStyle}

src/__swaps__/screens/Swap/components/SwapInputAsset.tsx

@@ -34,7 +34,7 @@ function SwapInputActionButton() {
       disableShadow={isDarkMode}
       hugContent
       label={label}
-      onPress={runOnUI(SwapNavigation.handleInputPress)}
+      onPress={SwapNavigation.handleInputPress}
       rightIcon={'􀆏'}
       small
     />

src/__swaps__/screens/Swap/components/SwapOutputAsset.tsx

@@ -34,7 +34,7 @@ function SwapOutputActionButton() {
       disableShadow={isDarkMode}
       hugContent
       label={label}
-      onPress={runOnUI(SwapNavigation.handleOutputPress)}
+      onPress={SwapNavigation.handleOutputPress}
       rightIcon={'􀆏'}
       small
     />

src/__swaps__/screens/Swap/hooks/useSelectedGas.ts

@@ -36,6 +36,14 @@ export function useSelectedGas(chainId: ChainId) {
   return useGasSettings(chainId, selectedGasSpeed);
 }
 
+export function getGasSettingsBySpeed(chainId: ChainId) {
+  const suggestions = getCachedGasSuggestions(chainId);
+  return {
+    ...suggestions,
+    custom: getCustomGasSettings(chainId),
+  };
+}
+
 export function getGasSettings(speed: GasSpeed, chainId: ChainId) {
   if (speed === 'custom') return getCustomGasSettings(chainId);
   return getCachedGasSuggestions(chainId)?.[speed];

src/__swaps__/screens/Swap/hooks/useSwapNavigation.ts

@@ -16,11 +16,13 @@ export function useSwapNavigation({
   inputProgress,
   outputProgress,
   configProgress,
+  executeSwap,
 }: {
   SwapInputController: ReturnType<typeof useSwapInputsController>;
   inputProgress: SharedValue<number>;
   outputProgress: SharedValue<number>;
   configProgress: SharedValue<number>;
+  executeSwap: () => void;
 }) {
   const navigateBackToReview = useSharedValue(false);
 
@@ -147,12 +149,12 @@ export function useSwapNavigation({
         handleDismissGas();
       }
     } else if (configProgress.value === NavigationSteps.SHOW_REVIEW) {
-      // TODO: Handle executing swap
-      handleDismissReview();
+      // TODO: Handle long press
+      executeSwap();
     } else {
       handleShowReview();
     }
-  }, [configProgress, handleDismissGas, handleDismissReview, handleShowReview, navigateBackToReview]);
+  }, [configProgress.value, executeSwap, handleDismissGas, handleShowReview, navigateBackToReview]);
 
   return {
     navigateBackToReview,