Commit 8963257c authored by tom's avatar tom

fix table layout

parent 1d4c80b4
...@@ -19,7 +19,7 @@ const AddressSnippet = ({ address, subtitle }: Props) => { ...@@ -19,7 +19,7 @@ const AddressSnippet = ({ address, subtitle }: Props) => {
<Address> <Address>
<AddressIcon address={ address }/> <AddressIcon address={ address }/>
<AddressLink type="address" hash={ address.hash } fontWeight="600" ml={ 2 }/> <AddressLink type="address" hash={ address.hash } fontWeight="600" ml={ 2 }/>
<CopyToClipboard text={ address.hash } ml={ 1 }/> <CopyToClipboard text={ address.hash } ml={ 3 }/>
</Address> </Address>
{ subtitle && <Text fontSize="sm" variant="secondary" mt={ 0.5 } ml={ 8 }>{ subtitle }</Text> } { subtitle && <Text fontSize="sm" variant="secondary" mt={ 0.5 } ml={ 8 }>{ subtitle }</Text> }
</Box> </Box>
......
...@@ -18,8 +18,8 @@ const VerifiedAddressesTable = ({ data, applications, onItemEdit, onItemAdd }: P ...@@ -18,8 +18,8 @@ const VerifiedAddressesTable = ({ data, applications, onItemEdit, onItemAdd }: P
<Thead> <Thead>
<Tr> <Tr>
<Th>Address</Th> <Th>Address</Th>
<Th w="232px">Token info</Th> <Th w="168px" pr={ 1 }>Token info</Th>
<Th w="94px"></Th> <Th w="36px" pl="0"></Th>
<Th w="160px">Request status</Th> <Th w="160px">Request status</Th>
<Th w="150px">Date</Th> <Th w="150px">Date</Th>
</Tr> </Tr>
......
...@@ -44,10 +44,10 @@ const VerifiedAddressesTableItem = ({ item, application, onAdd, onEdit }: Props) ...@@ -44,10 +44,10 @@ const VerifiedAddressesTableItem = ({ item, application, onAdd, onEdit }: Props)
<Td> <Td>
<AddressSnippet address={{ hash: item.contractAddress, is_contract: true, implementation_name: null }}/> <AddressSnippet address={{ hash: item.contractAddress, is_contract: true, implementation_name: null }}/>
</Td> </Td>
<Td fontSize="sm" verticalAlign="middle"> <Td fontSize="sm" verticalAlign="middle" pr={ 1 }>
{ tokenInfo } { tokenInfo }
</Td> </Td>
<Td> <Td pl="0">
{ item.metadata.tokenName && application ? ( { item.metadata.tokenName && application ? (
<Tooltip label="Edit"> <Tooltip label="Edit">
<IconButton <IconButton
...@@ -63,7 +63,7 @@ const VerifiedAddressesTableItem = ({ item, application, onAdd, onEdit }: Props) ...@@ -63,7 +63,7 @@ const VerifiedAddressesTableItem = ({ item, application, onAdd, onEdit }: Props)
) : null } ) : null }
</Td> </Td>
<Td fontSize="sm"><VerifiedAddressesStatus status={ item.metadata.tokenName ? application?.status : undefined }/></Td> <Td fontSize="sm"><VerifiedAddressesStatus status={ item.metadata.tokenName ? application?.status : undefined }/></Td>
<Td fontSize="sm" color="text_secondary">{ item.metadata.tokenName ? dayjs(application?.updatedAt).format('MMM DD, YYYY') : null }</Td> <Td fontSize="sm" color="text_secondary">{ item.metadata.tokenName && application ? dayjs(application.updatedAt).format('MMM DD, YYYY') : null }</Td>
</Tr> </Tr>
); );
}; };
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment