adjust code for guardians support

Author: juliancwirko

CHANGELOG.md

@@ -1,3 +1,7 @@
+### [8.4.0](https://github.com/xdevguild/nextjs-dapp-template/releases/tag/v8.4.0) (2023-07-28)
+- update useElven (guardians support)
+- update other dependencies
+
 ### [8.3.0](https://github.com/xdevguild/nextjs-dapp-template/releases/tag/v8.3.0) (2023-06-29)
 - update useElven (switch to tsup)
 - update other dependancies

components/demo/SimpleEGLDTxDemo.tsx

@@ -4,6 +4,7 @@ import {
   useTransaction,
   TransactionCallbackParams,
   useConfig,
+  useAccount,
 } from '@useelven/core';
 import { useCallback } from 'react';
 import { ActionButton } from '../tools/ActionButton';
@@ -19,17 +20,25 @@ export const SimpleEGLDTxDemo = ({
   cb: (params: TransactionCallbackParams) => void;
 }) => {
   const { pending, triggerTx } = useTransaction({ cb });
+  const { activeGuardianAddress } = useAccount();
   const { explorerAddress, chainType } = useConfig();
 
   const handleSendTx = useCallback(() => {
     const demoMessage = 'Transaction demo!';
+
+    let gasLimit = 50000 + 1500 * demoMessage.length;
+
+    if (activeGuardianAddress) {
+      gasLimit = gasLimit + 50000;
+    }
+
     triggerTx({
       address: egldTransferAddress,
-      gasLimit: 50000 + 1500 * demoMessage.length,
+      gasLimit,
       data: new TransactionPayload(demoMessage),
       value: TokenTransfer.egldFromAmount(egldTransferAmount),
     });
-  }, [triggerTx]);
+  }, [activeGuardianAddress, triggerTx]);
 
   return (
     <FlexCardWrapper>

components/demo/SimpleNftMintDemo.tsx

@@ -9,6 +9,7 @@ import {
   useTransaction,
   TransactionCallbackParams,
   useConfig,
+  useAccount,
 } from '@useelven/core';
 import { useCallback } from 'react';
 import { ActionButton } from '../tools/ActionButton';
@@ -27,6 +28,7 @@ export const SimpleNftMintDemo = ({
   cb: (params: TransactionCallbackParams) => void;
 }) => {
   const { pending, triggerTx } = useTransaction({ cb });
+  const { activeGuardianAddress } = useAccount();
   const { explorerAddress, chainType } = useConfig();
 
   const handleSendTx = useCallback(() => {
@@ -36,13 +38,19 @@ export const SimpleNftMintDemo = ({
       .setArgs([new U32Value(1)])
       .build();
 
+    let gasLimit = 14000000;
+
+    if (activeGuardianAddress) {
+      gasLimit = gasLimit + 50000;
+    }
+
     triggerTx({
       address: mintSmartContractAddress,
-      gasLimit: 14000000,
+      gasLimit,
       value: TokenTransfer.egldFromAmount(mintPaymentPerToken),
       data,
     });
-  }, [triggerTx]);
+  }, [activeGuardianAddress, triggerTx]);
 
   return (
     <FlexCardWrapper>