fix multiple api calls

Author: juliancwirko

CHANGELOG.md

@@ -1,3 +1,6 @@
+### [9.10.1](https://github.com/xdevguild/nextjs-dapp-template/releases/tag/v9.10.1) (2024-11-10)
+- add transaction ids to prevent multiple API calls when using Web Wallet signing provider
+
 ### [9.10.0](https://github.com/xdevguild/nextjs-dapp-template/releases/tag/v9.10.0) (2024-11-09)
 - update Next
 - update useElven

components/demo/simple-deploy-sc-demo.tsx

@@ -18,7 +18,10 @@ export const SimpleDeployScDemo = ({
 }) => {
   const { explorerAddress } = useConfig();
   const { loggedIn } = useLoggingIn();
-  const { deploy, scAddress, txResult, pending } = useScDeploy({ cb });
+  const { deploy, scAddress, txResult, pending } = useScDeploy({
+    cb,
+    id: 'SimpleDeployScDemo',
+  });
 
   const handleDeploy = () => {
     deploy({ source: '/piggybank.wasm' });

components/demo/simple-egld-tx-demo.tsx

@@ -18,7 +18,7 @@ export const SimpleEGLDTxDemo = ({
 }: {
   cb: (params: TransactionCallbackParams) => void;
 }) => {
-  const { pending, triggerTx } = useTransaction({ cb });
+  const { pending, triggerTx } = useTransaction({ cb, id: 'SimpleEGLDTxDemo' });
   const { loggedIn } = useLoggingIn();
   const { explorerAddress, chainType } = useConfig();
 

components/demo/simple-esdt-tx-demo.tsx

@@ -17,7 +17,10 @@ export const SimpleESDTTxDemo = ({
 }: {
   cb: (params: TransactionCallbackParams) => void;
 }) => {
-  const { transfer, pending } = useTokenTransfer({ cb });
+  const { transfer, pending } = useTokenTransfer({
+    cb,
+    id: 'SimpleESDTTxDemo',
+  });
   const { loggedIn } = useLoggingIn();
   const { explorerAddress, chainType } = useConfig();
 

components/demo/simple-nft-mint-demo.tsx

@@ -29,7 +29,10 @@ export const SimpleNftMintDemo = ({
   cb: (params: TransactionCallbackParams) => void;
 }) => {
   const { loggedIn } = useLoggingIn();
-  const { pending, triggerTx } = useTransaction({ cb });
+  const { pending, triggerTx } = useTransaction({
+    cb,
+    id: 'SimpleNftMintDemo',
+  });
   const { activeGuardianAddress } = useAccount();
   const { explorerAddress, chainType } = useConfig();
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nextjs-dapp-template",
-  "version": "9.10.0",
+  "version": "9.10.1",
   "author": "Julian Ćwirko <julian.io>",
   "license": "MIT",
   "homepage": "https://github.com/xdevguild/nextjs-dapp-template",
@@ -53,4 +53,4 @@
   "overrides": {
     "rxjs": "7.8.1"
   }
-}
+}