Merge #545

545: Disable taker's "go long" button under the same conditions as older UI r=da-kami a=klochowicz

Disable the button when there's no order or there's an in-flight order request
already.

Co-authored-by: Mariusz Klochowicz <mariusz@klochowicz.com>

taker-frontend/src/App.tsx

@@ -167,6 +167,7 @@ export const App = () => {
                                     };
                                     calculateMargin(payload);
                                 }}
+                                canSubmit={order != null && !isCreatingNewOrderRequest}
                                 onLongSubmit={makeNewOrderRequest}
                                 isSubmitting={isCreatingNewOrderRequest}
                             />

taker-frontend/src/components/Trade.tsx

@@ -55,6 +55,7 @@ interface TradeProps {
     leverage?: number;
     quantity: string;
     liquidationPrice?: number;
+    canSubmit: boolean;
     isSubmitting: boolean;
     onQuantityChange: any;
     onLongSubmit: (payload: CfdOrderRequestPayload) => void;
@@ -71,6 +72,7 @@ const Trade = (
         margin: marginAsNumber,
         leverage,
         liquidationPrice: liquidationPriceAsNumber,
+        canSubmit,
         onLongSubmit,
         order_id,
     }: TradeProps,
@@ -148,14 +150,18 @@ const Trade = (
                 </GridItem>
                 <GridItem colSpan={1}>
                     <Center>
-                        <ButtonGroup variant="solid" padding="3" spacing="6">
+                        <ButtonGroup
+                            variant="solid"
+                            padding="3"
+                            spacing="6"
+                        >
                             <Button colorScheme="red" size="lg" disabled h={16}>
                                 <VStack>
                                     <Text as="b">Short</Text>
                                     <Text fontSize={"sm"}>{quantity.replace("$", "")}@{askPrice}</Text>
                                 </VStack>
                             </Button>
-                            <Button colorScheme="green" size="lg" onClick={onOpen} h={16}>
+                            <Button disabled={!canSubmit} colorScheme="green" size="lg" onClick={onOpen} h={16}>
                                 <VStack>
                                     <Text as="b">Long</Text>
                                     <Text fontSize={"sm"}>{quantity.replace("$", "")}@{askPrice}</Text>