Merge branch 'release/v1-38-0' of https://github.com/blockscout/frontend into release/v1-38-0

ui/address/contract/alerts/ContractDetailsAlertVerificationSource.tsx

@@ -10,7 +10,7 @@ interface Props {
 }
 
 const ContractDetailsAlertVerificationSource = ({ data }: Props) => {
-  if (data?.is_verified_via_eth_bytecode_db) {
+  if (data?.is_verified && data?.is_verified_via_eth_bytecode_db) {
     return (
       <Alert status="warning" whiteSpace="pre-wrap" flexWrap="wrap">
         <span>This contract has been { data.is_partially_verified ? 'partially ' : '' }verified using </span>
@@ -24,7 +24,7 @@ const ContractDetailsAlertVerificationSource = ({ data }: Props) => {
     );
   }
 
-  if (data?.is_verified_via_sourcify) {
+  if (data?.is_verified && data?.is_verified_via_sourcify) {
     return (
       <Alert status="warning" whiteSpace="pre-wrap" flexWrap="wrap">
         <span>This contract has been { data.is_partially_verified ? 'partially ' : '' }verified via Sourcify. </span>

ui/shared/Web3ModalProvider.tsx

@@ -31,7 +31,7 @@ const init = () => {
       projectId: feature.walletConnect.projectId,
       features: {
         analytics: false,
-        email: true,
+        email: false,
         socials: [],
         onramp: false,
         swaps: false,

ui/verifiedContracts/VerifiedContractsListItem.tsx

@@ -14,6 +14,7 @@ import AddressEntity from 'ui/shared/entities/address/AddressEntity';
 import IconSvg from 'ui/shared/IconSvg';
 import ListItemMobile from 'ui/shared/ListItemMobile/ListItemMobile';
 import TimeAgoWithTooltip from 'ui/shared/TimeAgoWithTooltip';
+import TruncatedValue from 'ui/shared/TruncatedValue';
 
 interface Props {
   data: VerifiedContract;
@@ -57,11 +58,13 @@ const VerifiedContractsListItem = ({ data, isLoading }: Props) => {
           flexShrink={ 0 }
         />
       </Flex>
-      <Flex columnGap={ 3 }>
-        <Skeleton isLoaded={ !isLoading } fontWeight={ 500 }>Balance { currencyUnits.ether }</Skeleton>
-        <Skeleton isLoaded={ !isLoading } color="text_secondary">
-          <span>{ balance }</span>
-        </Skeleton>
+      <Flex columnGap={ 3 } w="100%">
+        <Skeleton isLoaded={ !isLoading } fontWeight={ 500 } flexShrink="0">Balance { currencyUnits.ether }</Skeleton>
+        <TruncatedValue
+          value={ balance }
+          isLoading={ isLoading }
+
+        />
       </Flex>
       <Flex columnGap={ 3 }>
         <Skeleton isLoaded={ !isLoading } fontWeight={ 500 }>Txs count</Skeleton>

ui/verifiedContracts/VerifiedContractsTableItem.tsx

@@ -12,6 +12,7 @@ import ContractCertifiedLabel from 'ui/shared/ContractCertifiedLabel';
 import AddressEntity from 'ui/shared/entities/address/AddressEntity';
 import IconSvg from 'ui/shared/IconSvg';
 import TimeAgoWithTooltip from 'ui/shared/TimeAgoWithTooltip';
+import TruncatedValue from 'ui/shared/TruncatedValue';
 
 interface Props {
   data: VerifiedContract;
@@ -56,9 +57,12 @@ const VerifiedContractsTableItem = ({ data, isLoading }: Props) => {
         />
       </Td>
       <Td isNumeric>
-        <Skeleton isLoaded={ !isLoading } display="inline-block" my={ 1 }>
-          { balance }
-        </Skeleton>
+        <TruncatedValue
+          value={ balance }
+          isLoading={ isLoading }
+          my={ 1 }
+          w="100%"
+        />
       </Td>
       <Td isNumeric>
         <Skeleton isLoaded={ !isLoading } display="inline-block" my={ 1 }>