hide fee if hidden in config

ui/userOp/UserOpDetails.tsx

@@ -104,18 +104,19 @@ const UserOpDetails = ({ query }: Props) => {
           <DetailsTimestamp timestamp={ Number(data.timestamp) * 1000 } isLoading={ isPlaceholderData }/>
         </DetailsInfoItem>
       ) }
-      { /* condition? */ }
-      <DetailsInfoItem
-        title="Fee"
-        hint="Total User operation fee"
-        isLoading={ isPlaceholderData }
-      >
-        <CurrencyValue
-          value={ data.fee }
-          currency={ config.chain.currency.symbol }
+      { !config.UI.views.tx.hiddenFields?.tx_fee && (
+        <DetailsInfoItem
+          title="Fee"
+          hint="Total User operation fee"
           isLoading={ isPlaceholderData }
-        />
-      </DetailsInfoItem>
+        >
+          <CurrencyValue
+            value={ data.fee }
+            currency={ config.chain.currency.symbol }
+            isLoading={ isPlaceholderData }
+          />
+        </DetailsInfoItem>
+      ) }
       <DetailsInfoItem
         title="Gas limit"
         hint="Gas limit for the User operation"
@@ -183,24 +184,27 @@ const UserOpDetails = ({ query }: Props) => {
           >
             { BigNumber(data.pre_verification_gas).toFormat() }
           </DetailsInfoItem>
-          <DetailsInfoItem
-            title="Max fee per gas"
-            hint="Maximum fee per gas "
-          >
-            <Text>{ BigNumber(data.max_fee_per_gas).dividedBy(WEI).toFixed() } { config.chain.currency.symbol } </Text>
-            <Text variant="secondary" whiteSpace="pre">
-              { space }({ BigNumber(data.max_fee_per_gas).dividedBy(WEI_IN_GWEI).toFixed() } Gwei)
-            </Text>
-          </DetailsInfoItem>
-          <DetailsInfoItem
-            title="Max priority fee per gas"
-            hint="Maximum priority fee per gas"
-          >
-            <Text>{ BigNumber(data.max_priority_fee_per_gas).dividedBy(WEI).toFixed() } { config.chain.currency.symbol } </Text>
-            <Text variant="secondary" whiteSpace="pre">
-              { space }({ BigNumber(data.max_priority_fee_per_gas).dividedBy(WEI_IN_GWEI).toFixed() } Gwei)
-            </Text>
-          </DetailsInfoItem>
+          { !config.UI.views.tx.hiddenFields?.gas_fees && (
+            <>
+              <DetailsInfoItem
+                title="Max fee per gas"
+                hint="Maximum fee per gas "
+              >
+                <Text>{ BigNumber(data.max_fee_per_gas).dividedBy(WEI).toFixed() } { config.chain.currency.symbol } </Text>
+                <Text variant="secondary" whiteSpace="pre">
+                  { space }({ BigNumber(data.max_fee_per_gas).dividedBy(WEI_IN_GWEI).toFixed() } Gwei)
+                </Text>
+              </DetailsInfoItem><DetailsInfoItem
+                title="Max priority fee per gas"
+                hint="Maximum priority fee per gas"
+              >
+                <Text>{ BigNumber(data.max_priority_fee_per_gas).dividedBy(WEI).toFixed() } { config.chain.currency.symbol } </Text>
+                <Text variant="secondary" whiteSpace="pre">
+                  { 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>
 
-      <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>
+      { !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>
-      <Td verticalAlign="middle" isNumeric>
-        <CurrencyValue value={ item.fee } isLoading={ isLoading } accuracy={ 8 }/>
-      </Td>
+      { !config.UI.views.tx.hiddenFields?.tx_fee && (
+        <Td verticalAlign="middle" isNumeric>
+          <CurrencyValue value={ item.fee } isLoading={ isLoading } accuracy={ 8 }/>
+        </Td>
+      ) }
     </Tr>
   );
 };