From 6f6576917cdedeff14c48fe111a60be21bfd19c5 Mon Sep 17 00:00:00 2001
From: Etienne Dusseault <etienne.dusseault@gmail.com>
Date: Fri, 29 Oct 2021 20:40:32 -0300
Subject: [PATCH] Add settings-component to Storybook (#12086)

* settings

* add id filename

* remove platform version

* readd platform version
---
 ui/pages/settings/settings.stories.js | 78 +++++++++++++++++++++++++++
 1 file changed, 78 insertions(+)
 create mode 100644 ui/pages/settings/settings.stories.js

diff --git a/ui/pages/settings/settings.stories.js b/ui/pages/settings/settings.stories.js
new file mode 100644
index 000000000..c05953a76
--- /dev/null
+++ b/ui/pages/settings/settings.stories.js
@@ -0,0 +1,78 @@
+import React from 'react';
+
+import PropTypes from 'prop-types';
+import { withRouter, MemoryRouter } from 'react-router-dom';
+import {
+  ABOUT_US_ROUTE,
+  ADVANCED_ROUTE,
+  ALERTS_ROUTE,
+  CONTACT_LIST_ROUTE,
+  CONTACT_ADD_ROUTE,
+  CONTACT_EDIT_ROUTE,
+  CONTACT_VIEW_ROUTE,
+  GENERAL_ROUTE,
+  NETWORKS_FORM_ROUTE,
+  NETWORKS_ROUTE,
+  SECURITY_ROUTE,
+  SETTINGS_ROUTE,
+} from '../../helpers/constants/routes';
+import SettingsPage from './settings.component';
+
+export default {
+  title: 'SettingPage',
+  id: __filename,
+  decorators: [
+    (story) => (
+      <MemoryRouter initialEntries={['/settings/general']}>
+        {story()}
+      </MemoryRouter>
+    ),
+  ],
+};
+
+const ROUTES_TO_I18N_KEYS = {
+  [ABOUT_US_ROUTE]: 'about',
+  [ADVANCED_ROUTE]: 'advanced',
+  [ALERTS_ROUTE]: 'alerts',
+  [GENERAL_ROUTE]: 'general',
+  [CONTACT_ADD_ROUTE]: 'newContact',
+  [CONTACT_EDIT_ROUTE]: 'editContact',
+  [CONTACT_LIST_ROUTE]: 'contacts',
+  [CONTACT_VIEW_ROUTE]: 'viewContact',
+  [NETWORKS_ROUTE]: 'networks',
+  [NETWORKS_FORM_ROUTE]: 'networks',
+  [SECURITY_ROUTE]: 'securityAndPrivacy',
+};
+
+global.platform = {
+  getVersion: () => 'V3.14.159',
+};
+
+const Settings = ({ history }) => {
+  const { location } = history;
+  const pathname =
+    location.pathname === '/iframe.html'
+      ? '/settings/general'
+      : location.pathname;
+
+  const pathnameI18nKey = ROUTES_TO_I18N_KEYS[pathname];
+  const backRoute = SETTINGS_ROUTE;
+
+  return (
+    <div style={{ height: 500 }}>
+      <SettingsPage
+        currentPath={pathname}
+        mostRecentOverviewPage={pathname}
+        history={history}
+        pathnameI18nKey={pathnameI18nKey}
+        backRoute={backRoute}
+      />
+    </div>
+  );
+};
+
+Settings.propTypes = {
+  history: PropTypes.object,
+};
+
+export const SettingsPageComponent = withRouter(Settings);