fee-card (#12166)

ui/pages/swaps/fee-card/fee-card.stories.js

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