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
29 lines
813 B
TypeScript
29 lines
813 B
TypeScript
import { OperationVariables, QueryHookOptions, useQuery } from '@apollo/client';
|
|
import { DocumentNode } from 'graphql';
|
|
import { ReactNode } from 'react';
|
|
import { Splash } from '@vegaprotocol/ui-toolkit';
|
|
|
|
interface PageQueryContainerProps<TData, TVariables> {
|
|
query: DocumentNode;
|
|
options?: QueryHookOptions<TData, TVariables>;
|
|
children: (data: TData) => ReactNode;
|
|
}
|
|
|
|
export const PageQueryContainer = <TData, TVariables = OperationVariables>({
|
|
query,
|
|
options,
|
|
children,
|
|
}: PageQueryContainerProps<TData, TVariables>) => {
|
|
const { data, loading, error } = useQuery<TData, TVariables>(query, options);
|
|
|
|
if (loading || !data) {
|
|
return <Splash>Loading...</Splash>;
|
|
}
|
|
|
|
if (error) {
|
|
return <Splash>Something went wrong: {error.message}</Splash>;
|
|
}
|
|
|
|
return <>{children(data)}</>;
|
|
};
|