fix update ui after approval (#48)

orpheuslummis · Jan 17, 2024 · 5f48e3e · 5f48e3e · vercel · Jan 17, 2024
1 parent 40fce9c
commit 5f48e3e
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/webapp/src/components/BatchCard.tsx b/webapp/src/components/BatchCard.tsx
@@ -144,7 +144,7 @@ function BuyBatchButton({
  // enabled: false,
  args: [astaverdeContractConfig.address, parseUnits(totalPrice.toString(), 6)],
  });
- const { write: approve } = useContractWrite(configApprove);
+ const { writeAsync: approve } = useContractWrite(configApprove);
 
  const { config: configBuyBatch } = usePrepareContractWrite({
  ...astaverdeContractConfig,
@@ -170,8 +170,11 @@ function BuyBatchButton({
  <button
  className="mt-4 bg-primary hover:bg-green-700 text-white font-bold py-2 px-4 rounded w-full"
  disabled={!approve}
- onClick={() => {
- approve?.();
+ onClick={async () => {
+ if (approve) {
+ const result = await approve();
+ setAwaitedHash(result.hash);
+ }
  }}
  >
  Approve USDC