From 19ea54a80f757571c3c31ed41e30401c95a1ee28 Mon Sep 17 00:00:00 2001
From: lukaw3d <lukajeran@oasislabs.com>
Date: Thu, 12 Sep 2024 01:52:06 +0200
Subject: [PATCH] Remove ContractVerificationIcon wrapper over VerificationIcon

---
 .../Account/RuntimeAccountDetailsView.tsx     |  8 ++++--
 .../ContractVerificationIcon/index.tsx        | 26 +------------------
 2 files changed, 7 insertions(+), 27 deletions(-)

diff --git a/src/app/components/Account/RuntimeAccountDetailsView.tsx b/src/app/components/Account/RuntimeAccountDetailsView.tsx
index de9d047f9..5b1ce1e48 100644
--- a/src/app/components/Account/RuntimeAccountDetailsView.tsx
+++ b/src/app/components/Account/RuntimeAccountDetailsView.tsx
@@ -14,7 +14,7 @@ import Link from '@mui/material/Link'
 import { DashboardLink } from '../../pages/ParatimeDashboardPage/DashboardLink'
 import { AllTokenPrices } from '../../../coin-gecko/api'
 import { ContractCreatorInfo } from './ContractCreatorInfo'
-import { ContractVerificationIcon } from '../ContractVerificationIcon'
+import { VerificationIcon } from '../ContractVerificationIcon'
 import { TokenLink } from '../Tokens/TokenLink'
 import { AccountAvatar } from '../AccountAvatar'
 import { RuntimeBalanceDisplay } from '../Balance/RuntimeBalanceDisplay'
@@ -94,7 +94,11 @@ export const RuntimeAccountDetailsView: FC<RuntimeAccountDetailsViewProps> = ({
         <>
           <dt>{t('contract.verification.title')}</dt>
           <dd>
-            <ContractVerificationIcon account={account} />
+            <VerificationIcon
+              address_eth={account.address_eth!}
+              scope={account}
+              verified={!!account.evm_contract?.verification}
+            />
           </dd>
         </>
       )}
diff --git a/src/app/components/ContractVerificationIcon/index.tsx b/src/app/components/ContractVerificationIcon/index.tsx
index 8033ba18f..28404d2fc 100644
--- a/src/app/components/ContractVerificationIcon/index.tsx
+++ b/src/app/components/ContractVerificationIcon/index.tsx
@@ -7,8 +7,7 @@ import { styled } from '@mui/material/styles'
 import { COLORS } from '../../../styles/theme/colors'
 import Link from '@mui/material/Link'
 import Typography from '@mui/material/Typography'
-import Skeleton from '@mui/material/Skeleton'
-import { Layer, RuntimeAccount } from '../../../oasis-nexus/api'
+import { Layer } from '../../../oasis-nexus/api'
 import { SearchScope } from '../../../types/searchScope'
 import { Network } from '../../../types/network'
 import * as externalLinks from '../../utils/externalLinks'
@@ -54,29 +53,6 @@ const StyledPill = styled(Box, {
   }
 })
 
-type ContractVerificationIconProps = {
-  account: Pick<RuntimeAccount, 'address_eth' | 'evm_contract' | 'network' | 'layer'> | undefined
-  noLink?: boolean
-}
-
-const Waiting: FC = () => (
-  <Skeleton
-    variant="text"
-    sx={{ display: 'inline-block', width: '100%', height: verificationIconBoxHeight }}
-  />
-)
-
-export const ContractVerificationIcon: FC<ContractVerificationIconProps> = ({ account, noLink = false }) => {
-  if (!account) {
-    return <Waiting />
-  }
-
-  const verified = !!account.evm_contract?.verification
-  const address_eth = account.address_eth!
-
-  return <VerificationIcon address_eth={address_eth} scope={account} verified={verified} noLink={noLink} />
-}
-
 export const VerificationIcon: FC<{
   address_eth: string
   scope: SearchScope