sentry/docs-ui/components/note.stories.js

import React from 'react';
import {action} from '@storybook/addon-actions';
import {storiesOf} from '@storybook/react';
import {withInfo} from '@storybook/addon-info';

import ConfigStore from 'app/stores/configStore';
import Note from 'app/components/activity/note';

const user = {
  username: 'billy@sentry.io',
  identities: [],
  id: '1',
  name: 'billy@sentry.io',
  dateJoined: '2019-03-09T06:52:42.836Z',
  avatar: {avatarUuid: null, avatarType: 'letter_avatar'},
  email: 'billy@sentry.io',
};

ConfigStore.set('user', {...user, isSuperuser: true, options: {}});

storiesOf('UI|Activity/Note', module).add(
  'default',
  withInfo(
    'A `<Note>` is an `<ActivityItem>` that can be edited with an editor. The editor has an input mode and a preview mode.'
  )(() => (
    <Note
      author={{name: 'Billy'}}
      item={{id: '123', data: {text: 'hello'}, user, dateCreated: new Date()}}
      group={{project: {slug: 'sentry'}}}
      onDelete={action('Deleted item')}
      sessionUser={{}}
      memberList={[]}
    />
  ))
);