summaryrefslogtreecommitdiff
path: root/packages/taler-wallet-webextension/.storybook/preview.js
diff options
context:
space:
mode:
Diffstat (limited to 'packages/taler-wallet-webextension/.storybook/preview.js')
-rw-r--r--packages/taler-wallet-webextension/.storybook/preview.js171
1 files changed, 0 insertions, 171 deletions
diff --git a/packages/taler-wallet-webextension/.storybook/preview.js b/packages/taler-wallet-webextension/.storybook/preview.js
deleted file mode 100644
index 0efb96308..000000000
--- a/packages/taler-wallet-webextension/.storybook/preview.js
+++ /dev/null
@@ -1,171 +0,0 @@
-/*
- This file is part of GNU Taler
- (C) 2021 Taler Systems S.A.
-
- GNU Taler is free software; you can redistribute it and/or modify it under the
- terms of the GNU General Public License as published by the Free Software
- Foundation; either version 3, or (at your option) any later version.
-
- GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY
- WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- A PARTICULAR PURPOSE. See the GNU General Public License for more details.
-
- You should have received a copy of the GNU General Public License along with
- GNU Taler; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
- */
-
-import { h, Fragment } from "preact"
-import { NavBar } from '../src/NavigationBar'
-import { LogoHeader } from '../src/components/LogoHeader'
-import { TranslationProvider } from '../src/context/translation'
-
-export const parameters = {
- controls: { expanded: true },
- actions: { argTypesRegex: "^on[A-Z].*" },
-}
-
-export const globalTypes = {
- locale: {
- name: 'Locale',
- description: 'Internationalization locale',
- defaultValue: 'en',
- toolbar: {
- icon: 'globe',
- items: [
- { value: 'en', right: 'πŸ‡ΊπŸ‡Έ', title: 'English' },
- { value: 'de', right: 'πŸ‡ͺπŸ‡Έ', title: 'German' },
- ],
- },
- },
-};
-
-
-
-export const decorators = [
- (Story, { kind }) => {
- if (kind.startsWith('popup')) {
-
- function Body() {
- const isTestingHeader = (/.*\/header\/?.*/.test(kind));
- if (isTestingHeader) {
- // simple box with correct width and height
- return <div style={{ width: 400, height: 320 }}>
- <Story />
- </div>
- }
-
- const path = /popup(\/.*).*/.exec(kind)[1];
- // add a fake header so it looks similar
- return <Fragment>
- <NavBar path={path} devMode={path === '/dev'} />
- <div style={{ width: 400, height: 290 }}>
- <Story />
- </div>
- </Fragment>
- }
-
- return <div class="popup-container">
- <style>{`
- html {
- font-family: sans-serif; /* 1 */
- }
- body {
- margin: 0;
- }`}
- </style>
- <style>{`
- html {
- }
- h1 {
- font-size: 2em;
- }
- input {
- font: inherit;
- }
- body {
- margin: 0;
- font-size: 100%;
- padding: 0;
- overflow: hidden;
- background-color: #f8faf7;
- font-family: Arial, Helvetica, sans-serif;
- }`}
- </style>
- <div style={{ width: 400, border: 'black solid 1px' }}>
- <Body />
- </div>
- </div>
- }
- if (kind.startsWith('cta')) {
- return <div>
- <style>{`
- html {
- font-family: sans-serif; /* 1 */
- }
- body {
- margin: 0;
- }`}
- </style>
- <style>{`
- html {
- }
- h1 {
- font-size: 2em;
- }
- input {
- font: inherit;
- }
- body {
- margin: 0;
- font-size: 100%;
- padding: 0;
- font-family: Arial, Helvetica, sans-serif;
- }`}
- </style>
- <link key="1" rel="stylesheet" type="text/css" href="/static/style/pure.css" />
- <link key="2" rel="stylesheet" type="text/css" href="/static/style/wallet.css" />
- <Story />
- </div>
- }
- if (kind.startsWith('wallet')) {
- const path = /wallet(\/.*).*/.exec(kind)[1];
- return <div class="wallet-container">
- <style>{`
- html {
- font-family: sans-serif; /* 1 */
- }
- body {
- margin: 0;
- }`}
- </style>
- <style>{`
- html {
- }
- h1 {
- font-size: 2em;
- }
- input {
- font: inherit;
- }
- body {
- margin: 0;
- font-size: 100%;
- padding: 0;
- background-color: #f8faf7;
- font-family: Arial, Helvetica, sans-serif;
- }`}
- </style>
- <LogoHeader />
- <NavBar path={path} devMode={path === '/dev'} />
- <Story />
- </div>
- }
- return <div>
- <h1>this story is not under wallet or popup, check title property</h1>
- <Story />
- </div>
- },
- (Story, { globals }) => <TranslationProvider initial='en' forceLang={globals.locale}>
- <Story />
- </TranslationProvider>,
-];