48 lines
1.2 KiB
TypeScript
48 lines
1.2 KiB
TypeScript
|
import React, { useState } from 'react';
|
||
|
|
import { action } from '@storybook/addon-actions';
|
||
|
|
import NormalizeStyles from 'App/NormalizeStyles';
|
||
|
|
import BaseStyles from 'App/BaseStyles';
|
||
|
|
import styled from 'styled-components';
|
||
|
|
import Modal from 'shared/components/Modal';
|
||
|
|
import TaskDetails from './';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
component: TaskDetails,
|
||
|
|
title: 'TaskDetails',
|
||
|
|
parameters: {
|
||
|
|
backgrounds: [
|
||
|
|
{ name: 'white', value: '#ffffff' },
|
||
|
|
{ name: 'gray', value: '#cdd3e1', default: true },
|
||
|
|
],
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
export const Default = () => {
|
||
|
|
const [description, setDescription] = useState('');
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<NormalizeStyles />
|
||
|
|
<BaseStyles />
|
||
|
|
<Modal
|
||
|
|
width={1040}
|
||
|
|
onClose={action('on close')}
|
||
|
|
renderContent={() => {
|
||
|
|
return (
|
||
|
|
<TaskDetails
|
||
|
|
task={{
|
||
|
|
taskID: '1',
|
||
|
|
taskGroupID: '1',
|
||
|
|
name: 'Hello, world',
|
||
|
|
position: 1,
|
||
|
|
labels: [],
|
||
|
|
description: description,
|
||
|
|
}}
|
||
|
|
onTaskDescriptionChange={(task, desc) => setDescription(desc)}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
};
|