Adaptation to Liquidity Hub 2.0 and fixes for quote race conditions.

package.json

@@ -98,7 +98,7 @@
     "@material-ui/icons": "^4.11.2",
     "@material-ui/lab": "^4.0.0-alpha.60",
     "@material-ui/styles": "^4.11.5",
-    "@orbs-network/liquidity-hub-sdk": "^1.0.44",
+    "@orbs-network/liquidity-hub-sdk": "^1.0.45",
     "@orbs-network/swap-ui": "^0.0.14",
     "@orbs-network/twap-sdk": "^2.0.33",
     "@orderly.network/hooks": "^1.4.3",

public/locales/en.json

@@ -1018,6 +1018,7 @@
   "minimumReceivedTooltip": "This is the minimum number of tokens that may be received. NOTE: This minimum only refers to executed trades. Some trades may not be executed if the limit price is higher than the available market prices and your order may only be partially filled.",
   "orbs": "Orbs",
   "approveToken": "Approve {{ symbol }} spending",
+  "approveTokenPending": "Approving {{ symbol }} spending",
   "tradeSizeWarning": "Trade size must be at least ${{ usd }}",
   "minExpiryWarning": "Min. expiry is {{ value }} minutes",
   "maxExpiryWarning": "Max. expiry is 30 days",
@@ -1036,5 +1037,6 @@
   "create": "Create",
   "networkFeeHelper": "Network fees are paid for transaction",
   "dragonEggAlert": "Screenshot this and DM  <alink>@QuickswapDEX on X (Twitter)</alink>  for a chance to win prizes! First come, first serve.",
-  "cancelOrder": "Cancel Order"
+  "cancelOrder": "Cancel Order",
+  "seekingBetterPrice": "Seeking better price"
 }

src/components/ConfirmSwapModal/ConfirmSwapModal.tsx

@@ -45,6 +45,8 @@ interface ConfirmSwapModalProps {
   onConfirm: () => void;
   swapErrorMessage: string | undefined;
   onDismiss: () => void;
+  swapButtonText?: string;
+  swapButtonDisabled?: boolean;
 }
 
 const ConfirmSwapModal: React.FC<ConfirmSwapModalProps> = ({
@@ -62,6 +64,8 @@ const ConfirmSwapModal: React.FC<ConfirmSwapModalProps> = ({
   attemptingTxn,
   txHash,
   txPending,
+  swapButtonDisabled,
+  swapButtonText,
 }) => {
   const { t } = useTranslation();
   const showAcceptChanges = useMemo(
@@ -86,6 +90,8 @@ const ConfirmSwapModal: React.FC<ConfirmSwapModalProps> = ({
         onConfirm={onConfirm}
         showAcceptChanges={showAcceptChanges}
         onAcceptChanges={onAcceptChanges}
+        swapButtonText={swapButtonText}
+        swapButtonDisabled={swapButtonDisabled}
       />
     ) : null;
   }, [

src/components/ConfirmSwapModal/SwapModalHeader.tsx

@@ -23,6 +23,8 @@ interface SwapModalHeaderProps {
   showAcceptChanges: boolean;
   onAcceptChanges: () => void;
   onConfirm: () => void;
+  swapButtonText?: string;
+  swapButtonDisabled?: boolean;
 }
 
 const SwapModalHeader: React.FC<SwapModalHeaderProps> = ({
@@ -34,6 +36,8 @@ const SwapModalHeader: React.FC<SwapModalHeaderProps> = ({
   showAcceptChanges,
   onAcceptChanges,
   onConfirm,
+  swapButtonDisabled,
+  swapButtonText,
 }) => {
   const { t } = useTranslation();
   const { chainId } = useActiveWeb3React();
@@ -151,8 +155,12 @@ const SwapModalHeader: React.FC<SwapModalHeaderProps> = ({
         ) : (
           <></>
         )}
-        <Button onClick={onConfirm} className='swapButton'>
-          {t('confirmSwap')}
+        <Button
+          disabled={swapButtonDisabled}
+          onClick={onConfirm}
+          className='swapButton'
+        >
+          {swapButtonText || t('confirmSwap')}
         </Button>
       </Box>
     </Box>