display date

types/api/account.ts

@@ -203,6 +203,7 @@ export interface TokenInfoApplication {
   telegram?: string;
   tokenAddress: string;
   twitter?: string;
+  updatedAt: string;
 }
 
 export interface TokenInfoApplications {

ui/tokenInfo/utils.ts

@@ -34,7 +34,7 @@ export function getFormDefaultValues(address: string, application: TokenInfoAppl
   };
 }
 
-export function prepareRequestBody(data: Fields): Omit<TokenInfoApplication, 'id' | 'status'> {
+export function prepareRequestBody(data: Fields): Omit<TokenInfoApplication, 'id' | 'status' | 'updatedAt'> {
   return {
     coinGeckoTicker: data.ticker_coin_gecko,
     coinMarketCapTicker: data.ticker_coin_market_cap,

ui/verifiedAddresses/VerifiedAddressesTableItem.tsx

@@ -4,6 +4,7 @@ import React from 'react';
 import type { TokenInfoApplication, VerifiedAddress } from 'types/api/account';
 
 import editIcon from 'icons/edit.svg';
+import dayjs from 'lib/date/dayjs';
 import AddressLink from 'ui/shared/address/AddressLink';
 import AddressSnippet from 'ui/shared/AddressSnippet';
 import TokenLogoPlaceholder from 'ui/shared/TokenLogoPlaceholder';
@@ -50,7 +51,7 @@ const VerifiedAddressesTableItem = ({ item, application, onAdd, onEdit }: Props)
       <Td>
         <AddressSnippet address={{ hash: item.contractAddress, is_contract: true, implementation_name: null }}/>
       </Td>
-      <Td fontSize="sm">
+      <Td fontSize="sm" verticalAlign="middle">
         { application ? (
           <Flex alignItems="center" columnGap={ 2 } w="100%">
             <Image
@@ -85,7 +86,7 @@ const VerifiedAddressesTableItem = ({ item, application, onAdd, onEdit }: Props)
         ) }
       </Td>
       <Td fontSize="sm">{ status }</Td>
-      <Td fontSize="sm"></Td>
+      <Td fontSize="sm" color="text_secondary">{ dayjs(application?.updatedAt).format('MMM DD, YYYY') }</Td>
     </Tr>
   );
 };