diff --git a/mocks/address/tokens.ts b/mocks/address/tokens.ts index 91abffd8c7..c8c7386134 100644 --- a/mocks/address/tokens.ts +++ b/mocks/address/tokens.ts @@ -122,11 +122,13 @@ export const nfts: AddressNFTsResponse = { items: [ { ...tokenInstance.base, + token: tokens.tokenInfoERC1155a, token_type: 'ERC-1155', value: '11', }, { ...tokenInstance.unique, + token: tokens.tokenInfoERC721a, token_type: 'ERC-721', value: '1', }, diff --git a/stubs/address.ts b/stubs/address.ts index 03a707ae75..c2e0ffd7c6 100644 --- a/stubs/address.ts +++ b/stubs/address.ts @@ -10,7 +10,7 @@ import type { import type { AddressesItem } from 'types/api/addresses'; import { ADDRESS_HASH } from './addressParams'; -import { TOKEN_INFO_ERC_1155, TOKEN_INFO_ERC_20, TOKEN_INSTANCE } from './token'; +import { TOKEN_INFO_ERC_1155, TOKEN_INFO_ERC_20, TOKEN_INFO_ERC_721, TOKEN_INSTANCE } from './token'; import { TX_HASH } from './tx'; export const ADDRESS_INFO: Address = { @@ -90,12 +90,14 @@ export const ADDRESS_TOKEN_BALANCE_ERC_20: AddressTokenBalance = { export const ADDRESS_NFT_721: AddressNFT = { token_type: 'ERC-721', + token: TOKEN_INFO_ERC_721, value: '1', ...TOKEN_INSTANCE, }; export const ADDRESS_NFT_1155: AddressNFT = { token_type: 'ERC-1155', + token: TOKEN_INFO_ERC_1155, value: '10', ...TOKEN_INSTANCE, }; diff --git a/types/api/address.ts b/types/api/address.ts index bd70c3166c..7edd55659e 100644 --- a/types/api/address.ts +++ b/types/api/address.ts @@ -50,6 +50,7 @@ export interface AddressTokenBalance { } export type AddressNFT = TokenInstance & { + token: TokenInfo; token_type: Omit; value: string; } diff --git a/ui/address/__screenshots__/AddressTokens.pw.tsx_dark-color-mode_nfts-dark-mode-1.png b/ui/address/__screenshots__/AddressTokens.pw.tsx_dark-color-mode_nfts-dark-mode-1.png index 36deed56d1..ff3f91748f 100644 Binary files a/ui/address/__screenshots__/AddressTokens.pw.tsx_dark-color-mode_nfts-dark-mode-1.png and b/ui/address/__screenshots__/AddressTokens.pw.tsx_dark-color-mode_nfts-dark-mode-1.png differ diff --git a/ui/address/__screenshots__/AddressTokens.pw.tsx_default_mobile-nfts-1.png b/ui/address/__screenshots__/AddressTokens.pw.tsx_default_mobile-nfts-1.png index 826959e5d5..cb01e73aa2 100644 Binary files a/ui/address/__screenshots__/AddressTokens.pw.tsx_default_mobile-nfts-1.png and b/ui/address/__screenshots__/AddressTokens.pw.tsx_default_mobile-nfts-1.png differ diff --git a/ui/address/__screenshots__/AddressTokens.pw.tsx_default_nfts-dark-mode-1.png b/ui/address/__screenshots__/AddressTokens.pw.tsx_default_nfts-dark-mode-1.png index 433fff5c51..f4ca1946ec 100644 Binary files a/ui/address/__screenshots__/AddressTokens.pw.tsx_default_nfts-dark-mode-1.png and b/ui/address/__screenshots__/AddressTokens.pw.tsx_default_nfts-dark-mode-1.png differ diff --git a/ui/pages/Token.tsx b/ui/pages/Token.tsx index a9f2573888..20a3cf5dfd 100644 --- a/ui/pages/Token.tsx +++ b/ui/pages/Token.tsx @@ -178,7 +178,7 @@ const TokenPageContent = () => { (tokenQuery.data?.type === 'ERC-1155' || tokenQuery.data?.type === 'ERC-721') ? { id: 'inventory', title: 'Inventory', - component: + component: , } : undefined, { id: 'token_transfers', title: 'Token transfers', component: }, { id: 'holders', title: 'Holders', component: }, diff --git a/ui/shared/radioButtonGroup/__screenshots__/RadioButtonGroup.pw.tsx_default_radio-button-group-1.png b/ui/shared/radioButtonGroup/__screenshots__/RadioButtonGroup.pw.tsx_default_radio-button-group-1.png index 18649fd4a5..212b0b3e89 100644 Binary files a/ui/shared/radioButtonGroup/__screenshots__/RadioButtonGroup.pw.tsx_default_radio-button-group-1.png and b/ui/shared/radioButtonGroup/__screenshots__/RadioButtonGroup.pw.tsx_default_radio-button-group-1.png differ