Add OnboadingModal story (#3578)

master
Yamagishi Kazutoshi 8 years ago committed by Eugen Rochko
parent 6a4b224397
commit ab914ce6d5
  1. 2
      package.json
  2. 24
      storybook/initial_state.js
  3. 24
      storybook/stories/onboarding_modal.story.js

@ -7,7 +7,7 @@
"build:production": "NODE_ENV=production yarn webpack -- --config config/webpack/production.js", "build:production": "NODE_ENV=production yarn webpack -- --config config/webpack/production.js",
"manage:translations": "node ./config/webpack/translationRunner.js", "manage:translations": "node ./config/webpack/translationRunner.js",
"start": "rimraf ./tmp/streaming && babel ./streaming/index.js --out-dir ./tmp && node ./tmp/streaming/index.js", "start": "rimraf ./tmp/streaming && babel ./streaming/index.js --out-dir ./tmp && node ./tmp/streaming/index.js",
"storybook": "NODE_ENV=test start-storybook -p 9001 -c storybook", "storybook": "NODE_ENV=test start-storybook -s ./public -p 9001 -c storybook",
"test": "npm run test:lint && npm run test:mocha", "test": "npm run test:lint && npm run test:mocha",
"test:lint": "eslint -c .eslintrc.yml --ext=js app/javascript/ config/webpack/ spec/javascript/ storyboard/ streaming/", "test:lint": "eslint -c .eslintrc.yml --ext=js app/javascript/ config/webpack/ spec/javascript/ storyboard/ streaming/",
"test:mocha": "NODE_ENV=test mocha --require ./spec/javascript/setup.js --compilers js:babel-register ./spec/javascript/components/*.test.js", "test:mocha": "NODE_ENV=test mocha --require ./spec/javascript/setup.js --compilers js:babel-register ./spec/javascript/components/*.test.js",

@ -0,0 +1,24 @@
export default {
meta: {
admin: 1,
domain: 'example.com',
me: 2,
},
accounts: {
1: {
acct: 'admin',
avatar: '/avatars/original/missing.png',
id: 1,
url: 'https://example.com/@admin',
},
2: {
acct: 'user',
avatar: '/avatars/original/missing.png',
id: 1,
url: 'https://example.com/@user',
},
},
media_attachments: {
accept_content_types: [],
},
};

@ -0,0 +1,24 @@
import React from 'react';
import { Provider } from 'react-redux';
import { IntlProvider } from 'react-intl';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import en from 'mastodon/locales/en.json';
import configureStore from 'mastodon/store/configureStore';
import { hydrateStore } from 'mastodon/actions/store';
import OnboadingModal from 'mastodon/features/ui/components/onboarding_modal';
import initialState from '../initial_state';
const store = configureStore();
store.dispatch(hydrateStore(initialState));
storiesOf('OnboadingModal', module)
.add('default state', () => (
<IntlProvider locale='en' messages={en}>
<Provider store={store}>
<div style={{ position: 'absolute' }}>
<OnboadingModal onClose={action('close')} />
</div>
</Provider>
</IntlProvider>
));
Loading…
Cancel
Save