import { ComponentMeta, ComponentStory } from '@storybook/react'; import { useState } from 'react'; import Search from './search'; /** * Search - Storybook Meta */ export default { title: 'Organisms/Toolbar/Search', component: Search, args: { searchPage: '#', }, argTypes: { className: { control: { type: 'text', }, description: 'Set additional classnames to the modal wrapper.', table: { category: 'Styles', }, type: { name: 'string', required: false, }, }, isActive: { control: { type: null, }, description: 'Define the modal state: either opened or closed.', type: { name: 'boolean', required: true, }, }, searchPage: { control: { type: 'text', }, description: 'The search results page url.', type: { name: 'string', required: true, }, }, setIsActive: { control: { type: null, }, description: 'A callback function to update modal state.', table: { category: 'Events', }, type: { name: 'function', required: true, }, }, }, } as ComponentMeta; const Template: ComponentStory = ({ isActive, setIsActive: _setIsActive, ...args }) => { const [isOpen, setIsOpen] = useState(isActive); return ( { setIsOpen(!isOpen); }} {...args} /> ); }; /** * Search Stories - Inactive */ export const Inactive = Template.bind({}); Inactive.args = { isActive: false, }; /** * Search Stories - Active */ export const Active = Template.bind({}); Active.args = { isActive: true, }; w.armandphilippot.com/commit/src/components/organisms/layout/comment.fixture.tsx?id=0a33a4658d848fe056715c6da053763407845b2a'>commitdiffstats
path: root/src/components/organisms/layout/comment.fixture.tsx
blob: 011813951d32f5979d89cb9c43b36ed83cb93abb (plain) 
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

import { getFormattedDate, getFormattedTime } from '@utils/helpers/dates';
import { CommentProps } from './comment';

export const author = {
  avatar: {
    alt: 'Author avatar',
    height: 480,
    src: 'http://placeimg.com/640/480',
    width: 640,
  },
  name: 'Armand',
  website: 'https://www.armandphilippot.com/',
};

export const content =
  'Harum aut cumque iure fugit neque sequi cupiditate repudiandae laudantium. Ratione aut assumenda qui illum voluptas accusamus quis officiis exercitationem. Consectetur est harum eius perspiciatis officiis nihil. Aut corporis minima debitis adipisci possimus debitis et.';

export const date = '2021-04-03 23:04:24';

export const meta = {
  author,
  date,
};

export const id = 5;

export const saveComment = async () => {
  /** Do nothing. */
};

export const data: CommentProps = {
  approved: true,
  content,
  id,
  meta,
  parentId: 0,
  saveComment,
};

export const formattedDate = getFormattedDate(date);
export const formattedTime = getFormattedTime(date);