1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-29 15:50:28 +01:00
metamask-extension/ui/pages/settings/settings.stories.js
Nidhi Kumari c5368c152b
Added storybook check to CI (#17092)
* added storybook test runner

* added test runner in ci

* updated test for ci and fixed lint error

* updated lavamoat policy

* updated test command

* updated playwright

* changed command to storybook;ci

* updated command

* updated instance for test-storybook

* updated playwright

* added playwright step

* replaced concurrently with start-server-and-test

* updated the static storybook directory

* replaced first with last

* updated lock file

* replaced first with last

* updated test-storybook with maxworkers

* updated .depchechrc

* updated yml

* removed id from banner base

* replaced broken stories with .stories-to-do.js extesnsion

* updated token allowance story

* removed duplicacies from yarn

* fixed lavamoat

* removed filename comment

* updated links for docs

* fixed file extension for stories

* updated path for stories.json

* updated stories.json path

* yarn updated

* updated stories

* updated yarn

* updated wait on
2023-01-21 00:57:46 +05:30

84 lines
2.0 KiB
JavaScript

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,
SNAPS_LIST_ROUTE,
SNAPS_VIEW_ROUTE,
} from '../../helpers/constants/routes';
import SettingsPage from './settings.component';
export default {
decorators: [
(story) => (
<MemoryRouter initialEntries={['/settings/general']}>
{story()}
</MemoryRouter>
),
],
title: 'Pages/SettingsPage',
};
const ROUTES_TO_I18N_KEYS = {
[ABOUT_US_ROUTE]: 'about',
[ADVANCED_ROUTE]: 'advanced',
[ALERTS_ROUTE]: 'alerts',
[CONTACT_ADD_ROUTE]: 'newContact',
[CONTACT_EDIT_ROUTE]: 'editContact',
[CONTACT_LIST_ROUTE]: 'contacts',
[CONTACT_VIEW_ROUTE]: 'viewContact',
[GENERAL_ROUTE]: 'general',
[NETWORKS_FORM_ROUTE]: 'networks',
[NETWORKS_ROUTE]: 'networks',
[SECURITY_ROUTE]: 'securityAndPrivacy',
[SNAPS_LIST_ROUTE]: 'snaps',
[SNAPS_VIEW_ROUTE]: 'snaps',
};
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 isSnapViewPage = Boolean(pathname.match(SNAPS_VIEW_ROUTE));
const backRoute = isSnapViewPage ? SNAPS_LIST_ROUTE : SETTINGS_ROUTE;
return (
<div style={{ height: 500 }}>
<SettingsPage
currentPath={pathname}
mostRecentOverviewPage={pathname}
history={history}
pathnameI18nKey={pathnameI18nKey}
backRoute={backRoute}
isSnapViewPage={isSnapViewPage}
/>
</div>
);
};
Settings.propTypes = {
history: PropTypes.object,
};
export const SettingsPageComponent = withRouter(Settings);