Fix/simulate before writing

examples/react/src/utils/cofhe.config.tsx

@@ -17,11 +17,11 @@ const cofheConfig = createCofheConfig({
     //   11155111: '0x87A3effB84CBE1E4caB6Ab430139eC41d156D55A', // sepolia weth
     //   84532: '0xbED96aa98a49FeA71fcC55d755b915cF022a9159', // base sepolia weth
     // },
-    // tokenLists: {
-    // 11155111: ['https://storage.googleapis.com/cofhesdk/sepolia.json'],
-    // 84532: ['https://storage.googleapis.com/cofhesdk/base-sepolia.json'],
-    // 421613: ['https://tokens.cofhe.io/arbitrum-sepolia.json'],
-    // },
+    tokenLists: {
+      11155111: ['https://storage.googleapis.com/cofhesdk/sepolia.json'],
+      84532: ['https://storage.googleapis.com/cofhesdk/base-sepolia.json'],
+      421613: ['https://tokens.cofhe.io/arbitrum-sepolia.json'],
+    },
   },
 });
 

packages/react/package.json

@@ -54,6 +54,7 @@
   },
   "dependencies": {
     "@cofhe/sdk": "workspace:*",
+    "@fhenixprotocol/cofhe-errors": "^1.0.2",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-select": "^2.2.6",
     "@tanstack/query-async-storage-persister": "^5.90.22",

packages/react/src/components/FnxFloatingButton/components/TransactionItem.tsx

@@ -28,6 +28,8 @@ const ActionIcon: React.FC<{ actionType: TransactionActionType }> = ({ actionTyp
       return <TbShieldMinus className={iconClassName} />;
     case TransactionActionType.Claim:
       return <TbShieldCheck className={iconClassName} />;
+    case TransactionActionType.Approve:
+      return <GoArrowUpRight className={iconClassName} />;
     default:
       return <GoArrowUpRight className={iconClassName} />;
   }

packages/react/src/components/FnxFloatingButton/pages/SendPage.tsx

@@ -13,7 +13,7 @@
 import { CofheTokenConfidentialBalance } from '../components';
 import { useCofheTokensWithExistingEncryptedBalances, type Token } from '@/hooks';
 import { getStepConfig } from '@/hooks/useCofheEncrypt';
-import { FloatingButtonPage } from '../pagesConfig/types';
+import { cofheHumanizeViemError } from '@/utils/cofheErrors';
 import { useOnceTransactionMined } from '@/hooks/useOnceTransactionMined';
 import { usePortalModals, usePortalNavigation } from '@/stores';
 import { PageContainer } from '../components/PageContainer';
@@ -26,7 +26,7 @@
 
 declare module '../pagesConfig/types' {
   interface FloatingButtonPagePropsRegistry {
     [FloatingButtonPage.Send]: SendPageProps;
   }
 }
 
@@ -49,7 +49,8 @@
     },
   } = useCofheTokenTransfer({
     onError: (error) => {
-      const errorMessage = error instanceof Error ? error.message : 'Failed to send tokens';
+      const errorMessage =
+        cofheHumanizeViemError(error) ?? (error instanceof Error ? error.message : 'Failed to send tokens');
       setError(errorMessage);
       console.error('Send tx submit error:', error);
     },
@@ -121,6 +122,7 @@
 
   const { tokensWithExistingEncryptedBalance } = useCofheTokensWithExistingEncryptedBalances();
 
+  const disabled = !isValidAddress || !isValidAmount || isSending || isEncryptingInput;
   return (
     <PageContainer
       header={
@@ -249,13 +251,11 @@
       footer={
         <button
           onClick={handleSend}
-          disabled={!isValidAddress || !isValidAmount || isSending || isEncryptingInput}
+          disabled={disabled}
           className={cn(
             'fnx-send-button w-full py-3 px-4 font-small',
             'flex items-center justify-center gap-2',
-            isValidAddress && isValidAmount && !isSending && !isEncryptingInput
-              ? 'fnx-send-button-enabled'
-              : 'fnx-send-button-disabled'
+            disabled ? 'fnx-send-button-disabled' : 'fnx-send-button-enabled'
           )}
         >
           <span>Send</span>