mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-04 15:14:29 +01:00
5592687df1
* Updating design tokens v1.8 and shadows * Adding missing stories * Some fixes and updates to css and stories * removing unneeded story * Fixing story order
48 lines
1.3 KiB
JavaScript
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';
|