remove call data tab

ui/pages/UserOp.tsx

@@ -18,7 +18,6 @@ import TabsSkeleton from 'ui/shared/Tabs/TabsSkeleton';
 import useTabIndexFromQuery from 'ui/shared/Tabs/useTabIndexFromQuery';
 import TxLogs from 'ui/tx/TxLogs';
 import TxTokenTransfer from 'ui/tx/TxTokenTransfer';
-import UserOpCallData from 'ui/userOp/UserOpCallData';
 import UserOpDetails from 'ui/userOp/UserOpDetails';
 import UserOpRaw from 'ui/userOp/UserOpRaw';
 
@@ -64,14 +63,9 @@ const UserOp = () => {
       title: 'Token transfers',
       component: <TxTokenTransfer txHash={ userOpQuery.data?.transaction_hash } tokenTransferFilter={ filterTokenTransfersByLogIndex }/>,
     },
-    {
-      id: 'call_data',
-      title: 'Call data',
-      component: <UserOpCallData rawCallData={ userOpQuery.data?.call_data } isLoading={ userOpQuery.isPlaceholderData }/>,
-    },
     { id: 'logs', title: 'Logs', component: <TxLogs txHash={ userOpQuery.data?.transaction_hash } logsFilter={ filterLogsByLogIndex }/> },
     { id: 'raw', title: 'Raw', component: <UserOpRaw rawData={ userOpQuery.data?.raw } isLoading={ userOpQuery.isPlaceholderData }/> },
-  ].filter(Boolean)), [ userOpQuery, filterTokenTransfersByLogIndex, filterLogsByLogIndex ]);
+  ]), [ userOpQuery, filterTokenTransfersByLogIndex, filterLogsByLogIndex ]);
 
   const tabIndex = useTabIndexFromQuery(tabs);
 

ui/userOp/UserOpCallData.tsx

-import { Skeleton } from '@chakra-ui/react';
-import React from 'react';
-
-import RawInputData from 'ui/shared/RawInputData';
-
-// decoded calldata will be added later
-type Props = {
-  rawCallData?: string;
-  isLoading?: boolean;
-}
-
-const UserOpCallData = ({ rawCallData, isLoading }: Props) => {
-  if (!rawCallData) {
-    return null;
-  }
-  return <Skeleton isLoaded={ !isLoading }><RawInputData hex={ rawCallData }/></Skeleton>;
-};
-
-export default UserOpCallData;

ui/userOp/UserOpDetails.tsx

@@ -9,6 +9,7 @@ import type { UserOp } from 'types/api/userOps';
 import config from 'configs/app';
 import type { ResourceError } from 'lib/api/resources';
 import { WEI, WEI_IN_GWEI } from 'lib/consts';
+import throwOnResourceLoadError from 'lib/errors/throwOnResourceLoadError';
 import { space } from 'lib/html-entities';
 import CurrencyValue from 'ui/shared/CurrencyValue';
 import DataFetchAlert from 'ui/shared/DataFetchAlert';
@@ -18,10 +19,10 @@ import DetailsTimestamp from 'ui/shared/DetailsTimestamp';
 import BlockEntity from 'ui/shared/entities/block/BlockEntity';
 import TxEntity from 'ui/shared/entities/tx/TxEntity';
 import UserOpEntity from 'ui/shared/entities/userOp/UserOpEntity';
+import RawInputData from 'ui/shared/RawInputData';
 import UserOpsAddress from 'ui/shared/userOps/UserOpsAddress';
 import UserOpSponsorType from 'ui/shared/userOps/UserOpSponsorType';
 import UserOpStatus from 'ui/shared/userOps/UserOpStatus';
-import throwOnResourceLoadError from 'lib/errors/throwOnResourceLoadError';
 import Utilization from 'ui/shared/Utilization/Utilization';
 
 interface Props {
@@ -293,6 +294,12 @@ const UserOpDetails = ({ query }: Props) => {
           >
             { data.nonce }
           </DetailsInfoItem>
+          <DetailsInfoItem
+            title="Call data"
+            hint="Data that’s passed to the sender for execution"
+          >
+            <RawInputData hex={ data.call_data }/>
+          </DetailsInfoItem>
         </>
       ) }
     </Grid>