313e6e1217
* scaffold dealticket package, remove trading views from react-helpers * add deal ticket component, add intent utils, expand dialog and form group styles * add splash component, show market not found message if market doesnt exist * tidy up error handling * add handleError method for vega tx hook * add better testname for provider test, flesh out tests a bit more for deal ticket * Add unit tests for useVegaTransaction and useOrderSubmit hooks * add wrapper component for order dialog styles * add vega styled loader to ui toolkit and use in order dialog * add title prop to order dialog * split limit and market tickets into own files * add button radio component * revert dialog styles * move splash component to ui-toolkit, add story * convert intent to enum * Make button always type=button unless type prop is passed * inline filter logic for tif selector * add date-fns, add datetime to helpers * add order types to wallet package, make price undefined if order type is market * use enums in deal ticket logic * tidy up order state by moving submit and transaction hooks out of deal ticket * add comment for dialog styles * remove decimal from price input * add types package, delete old generated types from trading project * rename types package to graphql * update generate command to point to correct locations * fix use order submit test * use intent shadow helper * remove date-fns and format manually, update submit button error to use input-error * remove stray console.log
57 lines
1.3 KiB
TypeScript
57 lines
1.3 KiB
TypeScript
import React, { useState } from 'react';
|
|
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
|
|
import { Dialog } from './dialog';
|
|
import { Button } from '../button';
|
|
import { Intent } from '../../utils/intent';
|
|
|
|
export default {
|
|
title: 'Dialog',
|
|
component: Dialog,
|
|
} as ComponentMeta<typeof Dialog>;
|
|
|
|
const Template: ComponentStory<typeof Dialog> = (args) => {
|
|
const [open, setOpen] = useState(args.open);
|
|
return (
|
|
<div>
|
|
<Button onClick={() => setOpen(true)}>Open dialog</Button>
|
|
<Dialog {...args} open={open} setOpen={setOpen} />
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export const Default = Template.bind({});
|
|
Default.args = {
|
|
open: false,
|
|
title: 'Title',
|
|
setOpen: () => undefined,
|
|
children: <p>Some content</p>,
|
|
};
|
|
|
|
export const Danger = Template.bind({});
|
|
Danger.args = {
|
|
open: false,
|
|
title: 'Danger',
|
|
setOpen: () => undefined,
|
|
children: <p>Some content</p>,
|
|
intent: Intent.Danger,
|
|
};
|
|
|
|
export const Success = Template.bind({});
|
|
Success.args = {
|
|
open: false,
|
|
title: 'Success',
|
|
setOpen: () => undefined,
|
|
children: <p>Some content</p>,
|
|
intent: Intent.Success,
|
|
};
|
|
|
|
export const Warning = Template.bind({});
|
|
Warning.args = {
|
|
open: false,
|
|
title: 'Warning',
|
|
setOpen: () => undefined,
|
|
children: <p>Some content</p>,
|
|
intent: Intent.Warning,
|
|
};
|