From ad182c8fa41728b082bce51545599ee3744cd4c9 Mon Sep 17 00:00:00 2001
From: Etienne Dusseault <etienne.dusseault@gmail.com>
Date: Mon, 13 Sep 2021 18:32:24 -0230
Subject: [PATCH] Add advanced-tab to Storybook (#12077)

---
 .../advanced-tab/advanced-tab.stories.js      | 44 +++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 ui/pages/settings/advanced-tab/advanced-tab.stories.js

diff --git a/ui/pages/settings/advanced-tab/advanced-tab.stories.js b/ui/pages/settings/advanced-tab/advanced-tab.stories.js
new file mode 100644
index 000000000..2dadb5f10
--- /dev/null
+++ b/ui/pages/settings/advanced-tab/advanced-tab.stories.js
@@ -0,0 +1,44 @@
+import React from 'react';
+import { text, boolean } from '@storybook/addon-knobs';
+import AdvancedTab from './advanced-tab.component';
+
+export default {
+  title: 'AdvancedTab',
+};
+
+export const AdvancedTabComponent = () => {
+  return (
+    <div style={{ flex: 1, height: 500 }}>
+      <AdvancedTab
+        setAutoLockTimeLimit={() => undefined}
+        setShowFiatConversionOnTestnetsPreference={() => undefined}
+        setThreeBoxSyncingPermission={() => undefined}
+        setIpfsGateway={() => undefined}
+        setLedgerLivePreference={() => undefined}
+        setDismissSeedBackUpReminder={() => undefined}
+        setUseNonceField={() => undefined}
+        setHexDataFeatureFlag={() => undefined}
+        displayWarning={() => undefined}
+        history={{ push: () => undefined }}
+        showResetAccountConfirmationModal={() => undefined}
+        setAdvancedInlineGasFeatureFlag={() => undefined}
+        warning={text('Warning', 'Warning Sample')}
+        ipfsGateway="ipfs-gateway"
+        useNonceField={boolean('Customize Transaction Nonce', false)}
+        sendHexData={boolean('Show Hex Data', false)}
+        advancedInlineGas={boolean('Advanced Inline Gas', false)}
+        showFiatInTestnets={boolean('Show Conversion on Testnets', false)}
+        threeBoxSyncingAllowed={boolean(
+          'Sync data with 3Box (experimental)',
+          false,
+        )}
+        threeBoxDisabled={boolean('3Box Disabled', false)}
+        useLedgerLive={boolean('Use Ledger Live', false)}
+        dismissSeedBackUpReminder={boolean(
+          'Dismiss recovery phrase backup reminder',
+          false,
+        )}
+      />
+    </div>
+  );
+};