1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-27 12:56:01 +01:00
metamask-extension/ui/components/app/nft-details/nft-details.stories.js
David Walsh de83546d6d
Fix #17932 - Ensure NFT last sold price is formatted correctly (#17983)
* Fix #17932 - Ensure NFT last sold price is formatted correctly

* Fix storybook

* Update snapshot to include pricing
2023-03-08 14:39:12 -06:00

50 lines
1.1 KiB
JavaScript

import React from 'react';
import NftDetails from './nft-details';
const nft = {
name: 'Catnip Spicywright',
tokenId: '1124157',
address: '0x06012c8cf97bead5deae237070f9587f8e7a266d',
image: './catnip-spicywright.png',
imageThumbnail: 'https://www.cryptokitties.co/.../1124157',
description:
"Good day. My name is Catnip Spicywight, which got me teased a lot in high school. If I want to put low fat mayo all over my hamburgers, I shouldn't have to answer to anyone about it, am I right? One time I beat Arlene in an arm wrestle.",
lastSale: {
event_timestamp: '2023-01-18T21:51:23',
total_price: '4900000000000000',
payment_token: {
symbol: 'ETH',
},
},
};
export default {
title: 'Components/App/NftsDetail',
argTypes: {
nft: {
control: 'object',
},
},
args: {
nft,
},
};
export const DefaultStory = (args) => {
return <NftDetails {...args} />;
};
DefaultStory.storyName = 'Default';
export const NoImage = (args) => {
return <NftDetails {...args} />;
};
NoImage.args = {
nft: {
...nft,
image: undefined,
},
};