5-multiple-vertical-lists.stories.js

// @flow
import React from 'react';
import { storiesOf } from '@storybook/react';
import QuoteApp from './src/multiple-vertical/quote-app';
import { getQuotes } from './src/data';
import type { QuoteMap } from './src/types';

const alpha: string = 'alpha';
const beta: string = 'beta';
const gamma: string = 'gamma';
const delta: string = 'delta';
const epsilon: string = 'epsilon';
const zeta: string = 'zeta';
const eta: string = 'eta';
const theta: string = 'theta';
const iota: string = 'iota';
const kappa: string = 'kappa';

const quoteMap: QuoteMap = {
  [alpha]: getQuotes(7),
  [beta]: getQuotes(3),
  [gamma]: getQuotes(7),
  [delta]: getQuotes(2),
  [epsilon]: getQuotes(10),
  [zeta]: getQuotes(5),
  [eta]: getQuotes(5),
  [theta]: getQuotes(5),
  [iota]: getQuotes(20),
  [kappa]: getQuotes(5),
};

storiesOf('multiple vertical lists', module).add('stress test', () => (
  <QuoteApp initial={quoteMap} />
));