m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

fee-card (#12166)

Browse Source
This commit is contained in:
Etienne Dusseault 2021-09-24 11:47:40 -03:00 committed by GitHub
parent 2a1d0cfd2c
commit a86129d23f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
ui/pages/swaps/fee-card/fee-card.stories.js
View File

@ -1,6 +1,7 @@
import React from 'react'; import React from 'react';
import { action } from '@storybook/addon-actions'; import { action } from '@storybook/addon-actions';
import { text, boolean, number, object } from '@storybook/addon-knobs'; import { text, boolean, number, object } from '@storybook/addon-knobs';
import { MAINNET_CHAIN_ID } from '../../../../shared/constants/network';
import FeeCard from './fee-card'; import FeeCard from './fee-card';
const tokenApprovalTextComponent = ( const tokenApprovalTextComponent = (
@ -31,6 +32,8 @@ export const WithAllProps = () => {
fee: text('secondaryFee', '100 USD'), fee: text('secondaryFee', '100 USD'),
maxFee: text('secondaryMaxFee', '200 USD'), maxFee: text('secondaryMaxFee', '200 USD'),
}} }}
chainId={MAINNET_CHAIN_ID}
networkAndAccountSupports1559={false}
onFeeCardMaxRowClick={action('Clicked max fee row link')} onFeeCardMaxRowClick={action('Clicked max fee row link')}
tokenApprovalTextComponent={tokenApprovalTextComponent} tokenApprovalTextComponent={tokenApprovalTextComponent}
tokenApprovalSourceTokenSymbol="ABC" tokenApprovalSourceTokenSymbol="ABC"
@ -68,6 +71,8 @@ export const WithoutThirdRow = () => {
isBestQuote={boolean('isBestQuote', true)} isBestQuote={boolean('isBestQuote', true)}
savings={object('savings 1', { total: '8.55' })} savings={object('savings 1', { total: '8.55' })}
metaMaskFee="0.875" metaMaskFee="0.875"
chainId={MAINNET_CHAIN_ID}
networkAndAccountSupports1559={false}
/> />
</div> </div>
); );
@ -86,6 +91,8 @@ export const WithOnlyRequiredProps = () => {
metaMaskFee="0.875" metaMaskFee="0.875"
onQuotesClick={action('Clicked quotes link')} onQuotesClick={action('Clicked quotes link')}
numberOfQuotes={2} numberOfQuotes={2}
chainId={MAINNET_CHAIN_ID}
networkAndAccountSupports1559={false}
/> />
</div> </div>
); );