Merge pull request #1719 from blockscout/fe-1666

solidity scan icon

configs/envs/.env.eth

@@ -51,6 +51,7 @@ NEXT_PUBLIC_MARKETPLACE_SUBMIT_FORM=https://raw.githubusercontent.com/blockscout
 NEXT_PUBLIC_MARKETPLACE_CATEGORIES_URL=https://raw.githubusercontent.com/blockscout/frontend-configs/main/configs/marketplace-categories/default.json
 NEXT_PUBLIC_MARKETPLACE_SUBMIT_FORM=https://airtable.com/appiy5yijZpMMSKjT/shr6uMGPKjj1DK7NL
 NEXT_PUBLIC_MARKETPLACE_SUGGEST_IDEAS_FORM=https://airtable.com/appiy5yijZpMMSKjT/pag3t82DUCyhGRZZO/form
+NEXT_PUBLIC_VIEWS_CONTRACT_SOLIDITYSCAN_ENABLED=true
 
 #meta
 NEXT_PUBLIC_OG_IMAGE_URL=https://github.com/blockscout/frontend-configs/blob/main/configs/og-images/eth.jpg?raw=true

icons/brands/solidity_scan.svg

+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 23 20">
+  <path fill="url(#a)" d="M1.12 1.111v5.556h2.241V2.222h4.482V0H2.241a1.13 1.13 0 0 0-.793.325c-.21.209-.327.491-.327.786Zm20.168 5.556V1.11c0-.295-.118-.577-.328-.786A1.125 1.125 0 0 0 20.168 0h-5.603v2.222h4.482v4.445h2.24Zm-2.24 11.11h-4.483V20h5.603c.297 0 .582-.117.792-.326.21-.208.328-.49.328-.785v-5.556h-2.24v4.445ZM7.842 20v-2.222H3.361v-4.445h-2.24v5.556c0 .295.117.577.327.785.21.209.496.326.793.326h5.602ZM0 8.889h22.408v2.222H0V8.89Z"/>
+  <defs>
+    <linearGradient id="a" x1="2.161" x2="21.104" y1="1.429" y2="18.729" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#52FF00"/>
+      <stop offset="1" stop-color="#00EEFD"/>
+    </linearGradient>
+  </defs>
+</svg>

public/icons/name.d.ts

@@ -113,6 +113,7 @@
 	| "social/telegram_filled"
 	| "social/tweet"
 	| "social/twitter_filled"
+	| "solidity_scan"
 	| "star_filled"
 	| "star_outline"
 	| "stats"

ui/address/SolidityscanReport.tsx

@@ -13,18 +13,23 @@ import {
   Skeleton,
   Center,
   useColorModeValue,
+  Icon,
 } from '@chakra-ui/react';
 import React from 'react';
 
-import { SolidityscanReport } from 'types/api/contract';
+import type { SolidityscanReport as TSolidityscanReport } from 'types/api/contract';
 
+// This icon doesn't work properly when it is in the sprite
+// Probably because of the gradient
+// eslint-disable-next-line no-restricted-imports
+import solidityScanIcon from 'icons/brands/solidity_scan.svg';
 import useApiQuery from 'lib/api/useApiQuery';
 import { SOLIDITYSCAN_REPORT } from 'stubs/contract';
 import IconSvg from 'ui/shared/IconSvg';
 import LinkExternal from 'ui/shared/LinkExternal';
 
 type DistributionItem = {
-  id: keyof SolidityscanReport['scan_report']['scan_summary']['issue_severity_distribution'];
+  id: keyof TSolidityscanReport['scan_report']['scan_summary']['issue_severity_distribution'];
   name: string;
   color: string;
 }
@@ -45,7 +50,7 @@ interface Props {
 
 type ItemProps = {
   item: DistributionItem;
-  vulnerabilities: SolidityscanReport['scan_report']['scan_summary']['issue_severity_distribution'];
+  vulnerabilities: TSolidityscanReport['scan_report']['scan_summary']['issue_severity_distribution'];
   vulnerabilitiesCount: number;
 }
 
@@ -133,7 +138,11 @@ const SolidityscanReport = ({ className, hash }: Props) => {
       </PopoverTrigger>
       <PopoverContent w={{ base: '100vw', lg: '328px' }}>
         <PopoverBody px="26px" py="20px" fontSize="sm">
-          <Box mb={ 5 }>Contract analyzed for 140+ vulnerability patterns by SolidityScan</Box>
+          <Box mb={ 5 } lineHeight="25px">
+            Contract analyzed for 140+ vulnerability patterns by
+            <Icon as={ solidityScanIcon } mr={ 1 } ml="6px" w="23px" h="20px" display="inline-block" verticalAlign="middle"/>
+            <Text fontWeight={ 600 } display="inline-block">SolidityScan</Text>
+          </Box>
           <Flex alignItems="center" mb={ 5 }>
             <Box
               w={ 12 }