1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-04 23:14:56 +01:00
metamask-extension/ui/components/app/gas-customization/gas-price-button-group/gas-price-button-group.stories.js
George Marshall 5592687df1
Updating design tokens package and shadow values with new tokens (#15264)
* Updating design tokens v1.8 and shadows

* Adding missing stories

* Some fixes and updates to css and stories

* removing unneeded story

* Fixing story order
2022-07-21 15:43:31 -07:00

48 lines
1.3 KiB
JavaScript

import React from 'react';
import { GAS_ESTIMATE_TYPES } from '../../../../helpers/constants/common';
import GasPriceButtonGroup from '.';
export default {
title: 'Components/App/GasCustomization/GasPriceButtonGroup',
id: __filename,
argTypes: {
handleGasPriceSelection: {
action: 'handleGasPriceSelection',
},
},
args: {
buttonDataLoading: false,
className: 'gas-price-button-group',
gasButtonInfo: [
{
gasEstimateType: GAS_ESTIMATE_TYPES.SLOW,
feeInPrimaryCurrency: '$0.52',
feeInSecondaryCurrency: '0.0048 ETH',
timeEstimate: '~ 1 min 0 sec',
priceInHexWei: '0xa1b2c3f',
},
{
gasEstimateType: GAS_ESTIMATE_TYPES.AVERAGE,
feeInPrimaryCurrency: '$0.39',
feeInSecondaryCurrency: '0.004 ETH',
timeEstimate: '~ 1 min 30 sec',
priceInHexWei: '0xa1b2c39',
},
{
gasEstimateType: GAS_ESTIMATE_TYPES.FAST,
feeInPrimaryCurrency: '$0.30',
feeInSecondaryCurrency: '0.00354 ETH',
timeEstimate: '~ 2 min 1 sec',
priceInHexWei: '0xa1b2c30',
},
],
noButtonActiveByDefault: true,
defaultActiveButtonIndex: 2,
showCheck: true,
},
};
export const DefaultStory = (args) => <GasPriceButtonGroup {...args} />;
DefaultStory.storyName = 'Default';