chore: refactor

argentlabs · Nov 4, 2024 · 31162ae · 31162ae
1 parent 90e80de
commit 31162ae
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/src/components/sections/Transactions/SendERC20.tsx b/src/components/sections/Transactions/SendERC20.tsx
@@ -1,5 +1,5 @@
 import { Flex } from "@/components/ui/Flex"
-import { ETHTokenAddress, provider } from "@/constants"
+import { ETHTokenAddress } from "@/constants"
 import { parseInputAmountToUint256 } from "@/helper/token"
 import {
   Abi,
@@ -58,10 +58,10 @@ const SendERC20 = () => {
 
   const handleTransferSubmit = async (e: React.FormEvent) => {
     try {
+      setLastTxError("")
       e.preventDefault()
       setLastTxStatus("approve")
       const { transaction_hash } = await sendAsync()
-      await provider.waitForTransaction(transaction_hash)
       alert(`Transaction sent: ${transaction_hash}`)
     } catch (error) {
       setLastTxError((error as Error).message)
@@ -99,9 +99,13 @@ const SendERC20 = () => {
           <Button
             type="submit"
             disabled={buttonsDisabled}
-            style={{ maxWidth: "100px" }}
+            style={{ maxWidth: "200px" }}
           >
-            <span>Send</span>
+            <span>
+              {lastTxStatus === "approve"
+                ? "Waiting for transaction"
+                : "Send transaction"}
+            </span>
           </Button>
           {lastTxError ? (
             <span style={{ color: "red" }}>Error: {lastTxError}</span>

diff --git a/src/components/sections/Transactions/SendMulticall.tsx b/src/components/sections/Transactions/SendMulticall.tsx
@@ -1,5 +1,6 @@
 // TokenOperations.tsx
-import { ETHTokenAddress, provider } from "@/constants"
+import { Flex } from "@/components/ui/Flex"
+import { ETHTokenAddress } from "@/constants"
 import { parseInputAmountToUint256 } from "@/helper/token"
 import {
   Abi,
@@ -9,7 +10,6 @@ import {
 } from "@starknet-react/core"
 import { useState } from "react"
 import { Button } from "../../ui/Button"
-import { Flex } from "@/components/ui/Flex"
 
 const abi = [
   {
@@ -61,10 +61,10 @@ const SendMulticall = () => {
 
   const handleTransferSubmit = async (e: React.FormEvent) => {
     try {
+      setLastTxError("")
       e.preventDefault()
       setLastTxStatus("approve")
       const { transaction_hash } = await sendAsync()
-      await provider.waitForTransaction(transaction_hash)
       alert(`Transaction sent: ${transaction_hash}`)
     } catch (error) {
       setLastTxError((error as Error).message)
@@ -80,7 +80,9 @@ const SendMulticall = () => {
         onClick={handleTransferSubmit}
         disabled={buttonsDisabled}
       >
-        Send Multicall
+        {lastTxStatus === "approve"
+          ? "Waiting for transaction"
+          : "Send Multicall"}
       </Button>
       {lastTxError ? (
         <span style={{ color: "red" }}>Error: {lastTxError}</span>