Merge pull request #198 from dezswap/feat/provide-slippage

feat: support slippage tolerance for liquidity provision
dezswap · May 10, 2023 · 4f36f63 · 4f36f63
2 parents a12122a + 3b5eff6
commit 4f36f63
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/src/hooks/useAPI.ts b/src/hooks/useAPI.ts
@@ -210,12 +210,16 @@ export const useAPI = (version: ApiVersion = "v1") => {
   );
 
   const getVerifiedTokenInfo = useCallback(async () => {
-    const { data } = await apiClient.get("https://assets.xpla.io/cw20/tokens.json");
+    const { data } = await apiClient.get(
+      "https://assets.xpla.io/cw20/tokens.json",
+    );
     return data;
   }, []);
 
   const getVerifiedIbcTokenInfo = useCallback(async () => {
-    const { data } = await apiClient.get("https://assets.xpla.io/ibc/tokens.json");
+    const { data } = await apiClient.get(
+      "https://assets.xpla.io/ibc/tokens.json",
+    );
     return data;
   }, []);
 

diff --git a/src/pages/Pool/Provide/index.tsx b/src/pages/Pool/Provide/index.tsx
@@ -52,6 +52,7 @@ import useSettingsModal from "hooks/modals/useSettingsModal";
 import ProgressBar from "components/ProgressBar";
 import Box from "components/Box";
 import useInvalidPathModal from "hooks/modals/useInvalidPathModal";
+import useSlippageTolerance from "hooks/useSlippageTolerance";
 
 enum FormKey {
   asset1Value = "asset1Value",
@@ -67,7 +68,7 @@ function ProvidePage() {
   const connectedWallet = useConnectedWallet();
   const connectWalletModal = useConnectWalletModal();
   const settingsModal = useSettingsModal({
-    items: ["txDeadline"],
+    items: ["slippageTolerance", "txDeadline"],
   });
   const { value: txDeadlineMinutes } = useTxDeadlineMinutes();
   const { pairAddress } = useParams<{ pairAddress: string }>();
@@ -78,6 +79,7 @@ function ProvidePage() {
   const [isReversed, setIsReversed] = useState(false);
   const [balanceApplied, setBalanceApplied] = useState(false);
   const network = useNetwork();
+  const { value: slippageTolerance } = useSlippageTolerance();
 
   const handleModalClose = useCallback(() => {
     navigate("/pool", { replace: true });
@@ -181,6 +183,7 @@ function ProvidePage() {
                     "0",
                 },
               ],
+              `${slippageTolerance}`,
               txDeadlineMinutes ? txDeadlineMinutes * 60 : undefined,
             ),
           }

diff --git a/src/utils/dezswap.ts b/src/utils/dezswap.ts
@@ -113,6 +113,7 @@ export const generateAddLiquidityMsg = (
   senderAddress: string,
   contractAddress: string,
   assets: { address: string; amount: string }[],
+  slippageTolerance: string,
   txDeadlineSeconds = 1200,
 ) => [
   ...assets
@@ -141,6 +142,9 @@ export const generateAddLiquidityMsg = (
         deadline: Number(
           Number((Date.now() / 1000).toFixed(0)) + txDeadlineSeconds,
         ),
+        slippage_tolerance: `${(parseFloat(slippageTolerance) / 100).toFixed(
+          4,
+        )}`,
       },
     },
     getCoins(assets),