All files / components/comment story.js

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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react';
import { storiesOf } from '@storybook/react';
import { text } from '@storybook/addon-knobs'; // eslint-disable-line
import Comment from './';
 
storiesOf('Comment')
  .add('Basic comment', () =>
    <Comment
      emailId={text('Email id', 'abc@efg.com')}
      username={text('User name', 'abc')}
      comment={text('Comment', 'Lorem ipsum')}
      timestamp={'22 Jan 2017, 18:02'}
      commentId={'123'}
      currentUserIsOwner
      handleEditUserComment={() => false}
      handleDeleteUserComment={() => true}
    />
  )
  .add('Long comment', () =>
    <Comment
      emailId={text('Email id', 'abc@efg.com')}
      username={text('User name', 'abc')}
      comment={text(
        'Comment',
        'Beef frankfurter bresaola jowl corned beef turkey, t-bone prosciutto capicola. Andouille shank boudin, brisket tail kevin short loin. Kevin cow \n frankfurter bacon salami shank pork filet mignon burgdoggen. Pork jowl pig alcatra, meatball tenderloin salami turducken brisket ball tip spare ribs. Swine corned beef hamburger biltong beef ribs filet mignon t-bone picanha ribeye prosciutto frankfurter rump pork loin alcatra porchetta. Pork chop jowl filet mignon t-bone, frankfurter sausage corned beef cow brisket flank turkey pastrami tri-tip.'
      )}
      timestamp={'22 Jan 2017, 18:02'}
      commentId={'123'}
      currentUserIsOwner
      handleEditUserComment={() => false}
      handleDeleteUserComment={() => true}
    />
  );