blocksMaxCount up/mined by hide

ui/block/BlockDetails.tsx

@@ -11,7 +11,7 @@ import { route, routeParams } from 'nextjs/routes';
 import config from 'configs/app';
 import getBlockReward from 'lib/block/getBlockReward';
 import { useMultichainContext } from 'lib/contexts/multichain';
-import getNetworkValidationActionText from 'lib/networks/getNetworkValidationActionText';
+// import getNetworkValidationActionText from 'lib/networks/getNetworkValidationActionText';
 import getNetworkValidatorTitle from 'lib/networks/getNetworkValidatorTitle';
 import * as arbitrum from 'lib/rollups/arbitrum';
 import getQueryParamString from 'lib/router/getQueryParamString';
@@ -27,7 +27,7 @@ import BlockGasUsed from 'ui/shared/block/BlockGasUsed';
 import CopyToClipboard from 'ui/shared/CopyToClipboard';
 import * as DetailedInfo from 'ui/shared/DetailedInfo/DetailedInfo';
 import DetailedInfoTimestamp from 'ui/shared/DetailedInfo/DetailedInfoTimestamp';
-import AddressEntity from 'ui/shared/entities/address/AddressEntity';
+// import AddressEntity from 'ui/shared/entities/address/AddressEntity';
 import BatchEntityL2 from 'ui/shared/entities/block/BatchEntityL2';
 import BlockEntityL1 from 'ui/shared/entities/block/BlockEntityL1';
 import TxEntityL1 from 'ui/shared/entities/tx/TxEntityL1';
@@ -111,7 +111,7 @@ const BlockDetails = ({ query }: Props) => {
     );
   })();
 
-  const verificationTitle = `${ capitalize(getNetworkValidationActionText()) } by`;
+  // const verificationTitle = `${ capitalize(getNetworkValidationActionText()) } by`;
 
   const txsNum = (() => {
     const blockTxsNum = (
@@ -316,22 +316,24 @@ const BlockDetails = ({ query }: Props) => {
         </>
       ) }
 
-      { !config.UI.views.block.hiddenFields?.miner && (
-        <>
-          <DetailedInfo.ItemLabel
-            hint="A block producer who successfully included the block onto the blockchain"
-            isLoading={ isPlaceholderData }
-          >
-            { verificationTitle }
-          </DetailedInfo.ItemLabel>
-          <DetailedInfo.ItemValue>
-            <AddressEntity
-              address={ data.miner }
-              isLoading={ isPlaceholderData }
-            />
-          </DetailedInfo.ItemValue>
-        </>
-      ) }
+      {
+        // !config.UI.views.block.hiddenFields?.miner && (
+        //   <>
+        //     <DetailedInfo.ItemLabel
+        //       hint="A block producer who successfully included the block onto the blockchain"
+        //       isLoading={ isPlaceholderData }
+        //     >
+        //       { verificationTitle }
+        //     </DetailedInfo.ItemLabel>
+        //     <DetailedInfo.ItemValue>
+        //       <AddressEntity
+        //         address={ data.miner }
+        //         isLoading={ isPlaceholderData }
+        //       />
+        //     </DetailedInfo.ItemValue>
+        //   </>
+        // )
+      }
 
       { rollupFeature.isEnabled && rollupFeature.type === 'arbitrum' &&
         (data.arbitrum?.commitment_transaction.hash || data.arbitrum?.confirmation_transaction.hash) &&

ui/home/LatestBlocks.tsx

@@ -29,7 +29,7 @@ const LatestBlocks = () => {
   if (config.features.rollup.isEnabled || config.UI.views.block.hiddenFields?.total_reward) {
     blocksMaxCount = isMobile ? 4 : 5;
   } else {
-    blocksMaxCount = isMobile ? 2 : 3;
+    blocksMaxCount = isMobile ? 2 : 6;
   }
   const { data, isPlaceholderData, isError } = useApiQuery('general:homepage_blocks', {
     queryOptions: {

ui/pages/Block.tsx

-import { chakra } from '@chakra-ui/react';
-import { capitalize } from 'es-toolkit';
+// import { chakra } from '@chakra-ui/react';
+// import { capitalize } from 'es-toolkit';
 import { useRouter } from 'next/router';
 import React from 'react';
 
@@ -11,9 +11,9 @@ import { useMultichainContext } from 'lib/contexts/multichain';
 import throwOnAbsentParamError from 'lib/errors/throwOnAbsentParamError';
 import throwOnResourceLoadError from 'lib/errors/throwOnResourceLoadError';
 import useIsMobile from 'lib/hooks/useIsMobile';
-import getNetworkValidationActionText from 'lib/networks/getNetworkValidationActionText';
+// import getNetworkValidationActionText from 'lib/networks/getNetworkValidationActionText';
 import getQueryParamString from 'lib/router/getQueryParamString';
-import { Skeleton } from 'toolkit/chakra/skeleton';
+// import { Skeleton } from 'toolkit/chakra/skeleton';
 import RoutedTabs from 'toolkit/components/RoutedTabs/RoutedTabs';
 import BlockCeloEpochTag from 'ui/block/BlockCeloEpochTag';
 import BlockDetails from 'ui/block/BlockDetails';
@@ -26,7 +26,7 @@ import useBlockTxsQuery from 'ui/block/useBlockTxsQuery';
 import useBlockWithdrawalsQuery from 'ui/block/useBlockWithdrawalsQuery';
 import TextAd from 'ui/shared/ad/TextAd';
 import ServiceDegradationWarning from 'ui/shared/alerts/ServiceDegradationWarning';
-import AddressEntity from 'ui/shared/entities/address/AddressEntity';
+// import AddressEntity from 'ui/shared/entities/address/AddressEntity';
 import NetworkExplorers from 'ui/shared/NetworkExplorers';
 import PageTitle from 'ui/shared/Page/PageTitle';
 import Pagination from 'ui/shared/pagination/Pagination';
@@ -148,21 +148,23 @@ const BlockPageContent = () => {
 
   const titleSecondRow = (
     <>
-      { !config.UI.views.block.hiddenFields?.miner && blockQuery.data?.miner && (
-        <Skeleton
-          loading={ blockQuery.isPlaceholderData }
-          fontFamily="heading"
-          display="flex"
-          minW={ 0 }
-          columnGap={ 2 }
-          fontWeight={ 500 }
-        >
-          <chakra.span flexShrink={ 0 }>
-            { `${ capitalize(getNetworkValidationActionText()) } by` }
-          </chakra.span>
-          <AddressEntity address={ blockQuery.data.miner }/>
-        </Skeleton>
-      ) }
+      {
+        // !config.UI.views.block.hiddenFields?.miner && blockQuery.data?.miner && (
+        //   <Skeleton
+        //     loading={ blockQuery.isPlaceholderData }
+        //     fontFamily="heading"
+        //     display="flex"
+        //     minW={ 0 }
+        //     columnGap={ 2 }
+        //     fontWeight={ 500 }
+        //   >
+        //     <chakra.span flexShrink={ 0 }>
+        //       { `${ capitalize(getNetworkValidationActionText()) } by` }
+        //     </chakra.span>
+        //     <AddressEntity address={ blockQuery.data.miner }/>
+        //   </Skeleton>
+        // )
+      }
       <NetworkExplorers
         type="block"
         pathParam={ heightOrHash }