hide fee if hidden in config

ui/userOp/UserOpDetails.tsx

@@ -104,7 +104,7 @@ const UserOpDetails = ({ query }: Props) => {
           <DetailsTimestamp timestamp={ Number(data.timestamp) * 1000 } isLoading={ isPlaceholderData }/>
         </DetailsInfoItem>
       ) }
-      { /* condition? */ }
+      { !config.UI.views.tx.hiddenFields?.tx_fee && (
         <DetailsInfoItem
           title="Fee"
           hint="Total User operation fee"
@@ -116,6 +116,7 @@ const UserOpDetails = ({ query }: Props) => {
             isLoading={ isPlaceholderData }
           />
         </DetailsInfoItem>
+      ) }
       <DetailsInfoItem
         title="Gas limit"
         hint="Gas limit for the User operation"
@@ -183,6 +184,8 @@ const UserOpDetails = ({ query }: Props) => {
           >
             { BigNumber(data.pre_verification_gas).toFormat() }
           </DetailsInfoItem>
+          { !config.UI.views.tx.hiddenFields?.gas_fees && (
+            <>
               <DetailsInfoItem
                 title="Max fee per gas"
                 hint="Maximum fee per gas "
@@ -191,8 +194,7 @@ const UserOpDetails = ({ query }: Props) => {
                 <Text variant="secondary" whiteSpace="pre">
                   { space }({ BigNumber(data.max_fee_per_gas).dividedBy(WEI_IN_GWEI).toFixed() } Gwei)
                 </Text>
-          </DetailsInfoItem>
-          <DetailsInfoItem
+              </DetailsInfoItem><DetailsInfoItem
                 title="Max priority fee per gas"
                 hint="Maximum priority fee per gas"
               >
@@ -201,6 +203,8 @@ const UserOpDetails = ({ query }: Props) => {
                   { space }({ BigNumber(data.max_priority_fee_per_gas).dividedBy(WEI_IN_GWEI).toFixed() } Gwei)
                 </Text>
               </DetailsInfoItem>
+            </>
+          ) }
 
           <DetailsInfoItemDivider/>
 

ui/userOps/UserOpsListItem.tsx

@@ -68,12 +68,16 @@ const UserOpsListItem = ({ item, isLoading }: Props) => {
         />
       </ListItemMobileGrid.Value>
 
+      { !config.UI.views.tx.hiddenFields?.tx_fee && (
+        <>
           <ListItemMobileGrid.Label isLoading={ isLoading }>Fee</ListItemMobileGrid.Label>
           <ListItemMobileGrid.Value>
             <Skeleton isLoaded={ !isLoading }>
               <CurrencyValue value={ item.fee } isLoading={ isLoading } accuracy={ 8 } currency={ config.chain.currency.symbol }/>
             </Skeleton>
           </ListItemMobileGrid.Value>
+        </>
+      ) }
 
     </ListItemMobileGrid.Container>
   );

ui/userOps/UserOpsTable.tsx

@@ -25,8 +25,7 @@ const UserOpsTable = ({ items, isLoading, top }: Props) => {
           <Th w="160px">Sender</Th>
           <Th w="160px">Tx hash</Th>
           <Th w="40%">Block</Th>
-          { /* add condition like in tx table */ }
-          <Th w="120px" isNumeric>{ `Fee ${ config.chain.currency.symbol }` }</Th>
+          { !config.UI.views.tx.hiddenFields?.tx_fee && <Th w="120px" isNumeric>{ `Fee ${ config.chain.currency.symbol }` }</Th> }
         </Tr>
       </Thead>
       <Tbody>

ui/userOps/UserOpsTableItem.tsx

@@ -3,6 +3,7 @@ import React from 'react';
 
 import type { UserOpsItem } from 'types/api/userOps';
 
+import config from 'configs/app';
 import dayjs from 'lib/date/dayjs';
 import CurrencyValue from 'ui/shared/CurrencyValue';
 import BlockEntity from 'ui/shared/entities/block/BlockEntity';
@@ -55,9 +56,11 @@ const WithdrawalsTableItem = ({ item, isLoading }: Props) => {
           noIcon
         />
       </Td>
+      { !config.UI.views.tx.hiddenFields?.tx_fee && (
         <Td verticalAlign="middle" isNumeric>
           <CurrencyValue value={ item.fee } isLoading={ isLoading } accuracy={ 8 }/>
         </Td>
+      ) }
     </Tr>
   );
 };