add "copy to clipboard" to verified contracts list items

ui/verifiedContracts/VerifiedContractsListItem.tsx

@@ -13,6 +13,7 @@ import Address from 'ui/shared/address/Address';
 import AddressIcon from 'ui/shared/address/AddressIcon';
 import AddressLink from 'ui/shared/address/AddressLink';
 import Icon from 'ui/shared/chakra/Icon';
+import CopyToClipboard from 'ui/shared/CopyToClipboard';
 import HashStringShorten from 'ui/shared/HashStringShorten';
 import ListItemMobile from 'ui/shared/ListItemMobile/ListItemMobile';
 
@@ -34,6 +35,7 @@ const VerifiedContractsListItem = ({ data, isLoading }: Props) => {
         <Skeleton isLoaded={ !isLoading } color="text_secondary" ml="auto">
           <HashStringShorten hash={ data.address.hash } isTooltipDisabled/>
         </Skeleton>
+        <CopyToClipboard text={ data.address.hash } ml={ -1 } isLoading={ isLoading }/>
       </Address>
       <Flex columnGap={ 3 }>
         <Skeleton isLoaded={ !isLoading } fontWeight={ 500 }>Balance { appConfig.network.currency.symbol }</Skeleton>

ui/verifiedContracts/VerifiedContractsTableItem.tsx

@@ -12,6 +12,7 @@ import dayjs from 'lib/date/dayjs';
 import AddressIcon from 'ui/shared/address/AddressIcon';
 import AddressLink from 'ui/shared/address/AddressLink';
 import Icon from 'ui/shared/chakra/Icon';
+import CopyToClipboard from 'ui/shared/CopyToClipboard';
 import HashStringShorten from 'ui/shared/HashStringShorten';
 
 interface Props {
@@ -31,9 +32,12 @@ const VerifiedContractsTableItem = ({ data, isLoading }: Props) => {
           <AddressIcon address={ data.address } isLoading={ isLoading }/>
           <Flex columnGap={ 2 } flexWrap="wrap" w="calc(100% - 32px)">
             <AddressLink hash={ data.address.hash } type="address" alias={ data.address.name } isLoading={ isLoading } my={ 1 }/>
+            <Flex alignItems="center">
               <Skeleton isLoaded={ !isLoading } color="text_secondary" my={ 1 }>
                 <HashStringShorten hash={ data.address.hash } isTooltipDisabled/>
               </Skeleton>
+              <CopyToClipboard text={ data.address.hash } isLoading={ isLoading }/>
+            </Flex>
           </Flex>
         </Flex>
       </Td>