debug tx and fix

Author: Zetazzz

examples/authz/components/authz/GrantCard.tsx

@@ -84,11 +84,21 @@ export const GrantCard = ({
   const handleRevoke = (permission: PrettyPermission) => {
     setIsRevoking(true);
 
+    const fee = {
+      amount: [
+        {
+          denom: token.base,
+          amount: '2500',
+        },
+      ],
+      gas: '1000000',
+    };
+
     revoke(
       {
         signerAddress,
         message: createRevokeMsg(permission),
-        fee: 'auto',
+        fee: fee,
         memo: 'revoking permission',
       },
       {

examples/authz/components/authz/GrantDetailsModal.tsx

@@ -49,11 +49,21 @@ export const GrantDetailsModal = ({
   const handleRevoke = (permissions: PrettyPermission[]) => {
     setIsRevoking(true);
 
+    const fee = {
+      amount: [
+        {
+          denom: token.base,
+          amount: '2500',
+        },
+      ],
+      gas: '1000000',
+    };
+
     revoke(
       {
         signerAddress,
         message: permissions.map(createRevokeMsg),
-        fee: 'auto',
+        fee: fee,
         memo: 'revoking permission',
       },
       {

examples/authz/components/claim-rewards/Overview.tsx

@@ -67,11 +67,21 @@ const Overview = ({
       })
     );
 
+    const fee = {
+      amount: [
+        {
+          denom: token.base,
+          amount: '2500',
+        },
+      ],
+      gas: '1000000',
+    };
+
     exec(
       {
         signerAddress: grantee,
         message: createExecMsg({ msgs, grantee }),
-        fee: 'auto',
+        fee: fee,
         memo: 'executing permission',
       },
       {
@@ -90,9 +100,9 @@ const Overview = ({
       <Box mb={{ mobile: '$8', tablet: '$12' }}>
         <StakingAssetHeader
           imgSrc={
-            coin.logo_URIs?.png ||
-            coin.logo_URIs?.svg ||
-            coin.logo_URIs?.jpeg ||
+            coin.logoURIs?.png ||
+            coin.logoURIs?.svg ||
+            coin.logoURIs?.jpeg ||
             ''
           }
           symbol={coin.symbol}

examples/authz/components/send/send.tsx

@@ -80,11 +80,21 @@ export const SendSection = ({ chainName }: SendSectionProps) => {
       toAddress: recipientAddress,
     });
 
+    const fee = {
+      amount: [
+        {
+          denom: coin.base,
+          amount: '2500',
+        },
+      ],
+      gas: '1000000',
+    };
+
     exec(
       {
         signerAddress: grantee,
         message: createExecMsg({ msgs: [msg], grantee }),
-        fee: 'auto',
+        fee: fee,
         memo: 'executing permission',
       },
       {

examples/authz/components/staking/DelegateModal.tsx

@@ -135,11 +135,21 @@ export const DelegateModal = ({
       },
     });
 
+    const fee = {
+      amount: [
+        {
+          denom: coin.base,
+          amount: '2500',
+        },
+      ],
+      gas: '1000000',
+    };
+
     exec(
       {
         signerAddress: grantee,
         message: createExecMsg({ msgs: [msg], grantee }),
-        fee: 'auto',
+        fee: fee,
         memo: 'executing permission',
       },
       {

examples/authz/components/staking/Overview.tsx

@@ -62,11 +62,21 @@ const Overview = ({
       })
     );
 
+    const fee = {
+      amount: [
+        {
+          denom: coin.base,
+          amount: '2500',
+        },
+      ],
+      gas: '1000000',
+    };
+
     withdrawDelegatorReward(
       {
         address,
         message: msgs,
-        fee: 'auto',
+        fee: fee,
         memo: 'Claiming rewards',
       },
       {

examples/authz/components/voting/Proposal.tsx

@@ -164,11 +164,21 @@ export function Proposal({
       proposalId: proposal.proposalId,
     });
 
+    const fee = {
+      amount: [
+        {
+          denom: coin.base,
+          amount: '2500',
+        },
+      ],
+      gas: '1000000',
+    };
+
     exec(
       {
         signerAddress: grantee,
         message: createExecMsg({ msgs: [msg], grantee }),
-        fee: 'auto',
+        fee: fee,
         memo: 'executing permission',
       },
       {

examples/authz/pages/_app.tsx

@@ -45,13 +45,26 @@ function CreateCosmosApp({ Component, pageProps }: AppProps) {
         assetLists={assetLists}
         wallets={[keplrWallet, leapWallet]}
         signerOptions={{
-          preferredSignType: 'direct',
+          signing: (chain) => {
+            if (chain === 'juno') {
+              return {
+                preferredSignType: 'direct',
+                broadcast: {
+                  checkTx: true,
+                  deliverTx: true,
+                },
+              };
+            }
+          },
         }}
         endpointOptions={{
           endpoints: {
             osmosis: {
               rpc: ['https://rpc.osmosis.zone'],
             },
+            juno: {
+              rpc: ['https://juno-rpc.stakeandrelax.net/'],
+            },
           },
         }}
       >