eth bytecode db verification notice

mocks/contract/info.ts

@@ -51,6 +51,11 @@ export const verifiedViaSourcify: Partial<SmartContract> = {
   sourcify_repo_url: 'https://repo.sourcify.dev/contracts//full_match/99/0x51891596E158b2857e5356DC847e2D15dFbCF2d0/',
 };
 
+export const verifiedViaEthBytecodeDb: Partial<SmartContract> = {
+  ...verified,
+  is_verified_via_eth_bytecode_db: true,
+};
+
 export const withTwinAddress: Partial<SmartContract> = {
   ...verified,
   is_verified: false,

types/api/contract.ts

@@ -15,6 +15,7 @@ export interface SmartContract {
   name: string | null;
   verified_at: string | null;
   is_verified: boolean | null;
+  is_verified_via_eth_bytecode_db: boolean | null;
   is_changed_bytecode: boolean | null;
   // sourcify info >>>
   is_verified_via_sourcify: boolean | null;

ui/address/contract/ContractCode.pw.tsx

@@ -98,6 +98,23 @@ test('verified via sourcify', async({ mount, page }) => {
   await expect(page).toHaveScreenshot({ clip: { x: 0, y: 0, width: 1200, height: 110 } });
 });
 
+test('verified via eth bytecode db', async({ mount, page }) => {
+  await page.route(CONTRACT_API_URL, (route) => route.fulfill({
+    status: 200,
+    body: JSON.stringify(contractMock.verifiedViaEthBytecodeDb),
+  }));
+  await page.route('https://cdn.jsdelivr.net/npm/monaco-editor@0.33.0/**', (route) => route.abort());
+
+  await mount(
+    <TestApp>
+      <ContractCode addressHash={ addressHash } noSocket/>
+    </TestApp>,
+    { hooksConfig },
+  );
+
+  await expect(page).toHaveScreenshot({ clip: { x: 0, y: 0, width: 1200, height: 110 } });
+});
+
 test('self destructed', async({ mount, page }) => {
   await page.route(CONTRACT_API_URL, (route) => route.fulfill({
     status: 200,

ui/address/contract/ContractCode.tsx

@@ -121,20 +121,42 @@ const ContractCode = ({ addressHash, noSocket }: Props) => {
     ));
   })();
 
+  const verificationAlert = (() => {
+    if (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>
+          <LinkExternal
+            href="https://docs.blockscout.com/about/features/ethereum-bytecode-database-microservice"
+            fontSize="md"
+          >
+            Blockscout Bytecode Database
+          </LinkExternal>
+        </Alert>
+      );
+    }
+
+    if (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>
+          { data.sourcify_repo_url && <LinkExternal href={ data.sourcify_repo_url } fontSize="md">View contract in Sourcify repository</LinkExternal> }
+        </Alert>
+      );
+    }
+
+    return null;
+  })();
+
   return (
     <>
       <Flex flexDir="column" rowGap={ 2 } mb={ 6 } _empty={{ display: 'none' }}>
         { data?.is_verified && (
           <Skeleton isLoaded={ !isPlaceholderData }>
-            <Alert status="success">Contract Source Code Verified (Exact Match)</Alert>
+            <Alert status="success">Contract Source Code Verified ({ data.is_partially_verified ? 'Partial' : 'Exact' } Match)</Alert>
           </Skeleton>
         ) }
-        { data?.is_verified_via_sourcify && (
-          <Alert status="warning" whiteSpace="pre-wrap" flexWrap="wrap">
-            <span>This contract has been { data.is_partially_verified ? 'partially ' : '' }verified via Sourcify. </span>
-            { data.sourcify_repo_url && <LinkExternal href={ data.sourcify_repo_url } fontSize="md">View contract in Sourcify repository</LinkExternal> }
-          </Alert>
-        ) }
+        { verificationAlert }
         { (data?.is_changed_bytecode || isChangedBytecodeSocket) && (
           <Alert status="warning">
             Warning! Contract bytecode has been changed and does not match the verified one. Therefore, interaction with this smart contract may be risky.