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
40 lines
916 B
JavaScript
40 lines
916 B
JavaScript
import '../src/styles.scss';
|
|
export const parameters = {
|
|
actions: { argTypesRegex: '^on[A-Z].*' },
|
|
/*themes: {
|
|
default: 'dark',
|
|
list: [
|
|
{ name: 'dark', class: ['dark', 'bg-black'], color: '#000' },
|
|
{ name: 'light', class: '', color: '#FFF' },
|
|
],
|
|
},*/
|
|
};
|
|
|
|
export const decorators = [
|
|
(Story, context) =>
|
|
context.parameters.themes === false ? (
|
|
<div className="text-body">
|
|
<Story />
|
|
</div>
|
|
) : (
|
|
<div className="text-body">
|
|
<StoryWrapper className="dark bg-black">
|
|
<Story />
|
|
</StoryWrapper>
|
|
<StoryWrapper>
|
|
<Story />
|
|
</StoryWrapper>
|
|
</div>
|
|
),
|
|
];
|
|
|
|
const StoryWrapper = ({ children, className }) => (
|
|
<div className={className}>
|
|
<div className="p-16">
|
|
<div className="dark:bg-black dark:text-white-60 bg-white text-black-60">
|
|
{children}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|