add toasts for swapping

study-defi · Apr 3, 2020 · d4401bc · d4401bc
1 parent 90cc017
commit d4401bc
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/packages/frontend/features/swap-tokens/SwapConfirm.tsx b/packages/frontend/features/swap-tokens/SwapConfirm.tsx
@@ -15,6 +15,7 @@ import { ModalBottom, ModalCloseIcon } from "../../components/Modal";
 
 import CoinsContainer from "../../containers/Coins";
 import useSwap from "./useSwap";
+import CompoundPositions from "../../containers/CompoundPositions";
 
 const SwapConfirm = ({
   thingToSwap,
@@ -30,6 +31,7 @@ const SwapConfirm = ({
   const closeModal = () => setIsOpen(false);
 
   const { COINS } = CoinsContainer.useContainer();
+  const { getBalances } = CompoundPositions.useContainer();
   const { swapFunction, loading } = useSwap(
     thingToSwap,
     fromTokenStr,
@@ -92,6 +94,10 @@ const SwapConfirm = ({
               disabled={loading}
               onClick={async () => {
                 await swapFunction();
+                window.toastProvider.addMessage(`Swap completed!`, {
+                  variant: "success",
+                });
+                getBalances();
                 closeModal();
               }}
             >

diff --git a/packages/frontend/features/swap-tokens/useSwap.ts b/packages/frontend/features/swap-tokens/useSwap.ts
@@ -35,7 +35,12 @@ const useSwap = (thingToSwap, fromTokenStr, toTokenStr, amountToSwap) => {
         ADDRESS_MAP[toTokenStr],
         amount,
       );
-      console.log("Transaction Hash", tx.hash);
+      window.toastProvider.addMessage(`Swapping debt...`, {
+        secondaryMessage: "Check progress on Etherscan",
+        actionHref: `https://etherscan.io/tx/${tx.hash}`,
+        actionText: "Check",
+        variant: "processing",
+      });
       await tx.wait();
       return;
     }
@@ -46,7 +51,12 @@ const useSwap = (thingToSwap, fromTokenStr, toTokenStr, amountToSwap) => {
       ADDRESS_MAP[toTokenStr],
       amount,
     );
-    console.log("Transaction Hash", tx.hash);
+    window.toastProvider.addMessage(`Swapping collateral...`, {
+      secondaryMessage: "Check progress on Etherscan",
+      actionHref: `https://etherscan.io/tx/${tx.hash}`,
+      actionText: "Check",
+      variant: "processing",
+    });
     setLoading(false);
 
     return tx.wait();