mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-02 06:07:06 +01:00
3be1fc6d0c
* converted collectibles files to nfts * updated relative import for scss * updated scss for pages
47 lines
1.1 KiB
JavaScript
47 lines
1.1 KiB
JavaScript
import React from 'react';
|
|
import CollectibleDetails from './nft-details';
|
|
|
|
const collectible = {
|
|
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',
|
|
},
|
|
};
|
|
|
|
export default {
|
|
title: 'Components/App/CollectiblesDetail',
|
|
|
|
argTypes: {
|
|
collectible: {
|
|
control: 'object',
|
|
},
|
|
},
|
|
args: {
|
|
collectible,
|
|
},
|
|
};
|
|
|
|
export const DefaultStory = (args) => {
|
|
return <CollectibleDetails {...args} />;
|
|
};
|
|
|
|
DefaultStory.storyName = 'Default';
|
|
|
|
export const NoImage = (args) => {
|
|
return <CollectibleDetails {...args} />;
|
|
};
|
|
|
|
NoImage.args = {
|
|
collectible: {
|
|
...collectible,
|
|
image: undefined,
|
|
},
|
|
};
|