codesandbox-client/packages/common/src/components/CommunityBadges/index.stories.tsx at fix-saving-code · hipertracker/codesandbox-client · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
import React from 'react';
import { storiesOf } from '@storybook/react';
import CommunityBadge from '.';

const templates = [
  'create-react-app',
  'vue-cli',
  'preact-cli',
  'svelte',
  'create-react-app-typescript',
  'angular-cli',
  'parcel',
  'cxjs',
  '@dojo/cli-create-app',
  'gatsby',
  'nuxt',
  'next',
  'reason',
  'apollo',
  'sapper',
  'nest',
  'static',
  'styleguidist',
];

const FrameworkBadge = ({ template, sandboxNumber = 100 }) => (
  <div
    style={{
      width: 64,
      height: 50,
    }}
  >
    <CommunityBadge
      sandboxesNumber={sandboxNumber}
      style={{
        width: 64,
        height: 50,
      }}
      template={template}
    />
  </div>
);

templates.map(t =>
  storiesOf('components/Community Badge/Gold', module).add(t, () => (
    <FrameworkBadge template={t} />
  ))
);

templates.map(t =>
  storiesOf('components/Community Badge/Silver', module).add(t, () => (
    <FrameworkBadge sandboxNumber={51} template={t} />
  ))
);