From a86129d23fd96e2cad5fdfb9c62676081fea80f8 Mon Sep 17 00:00:00 2001
From: Etienne Dusseault <etienne.dusseault@gmail.com>
Date: Fri, 24 Sep 2021 11:47:40 -0300
Subject: [PATCH] fee-card (#12166)

---
 ui/pages/swaps/fee-card/fee-card.stories.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/ui/pages/swaps/fee-card/fee-card.stories.js b/ui/pages/swaps/fee-card/fee-card.stories.js
index 4597edad7..b25c4b575 100644
--- a/ui/pages/swaps/fee-card/fee-card.stories.js
+++ b/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>
   );