Rename some vars

taker-frontend/src/App.tsx

@@ -149,10 +149,10 @@ export const App = () => {
                     <Route path="/">
                         <VStack divider={<StackDivider borderColor="gray.500" />} spacing={4}>
                             <Trade
-                                order_id={order?.id}
+                                orderId={order?.id}
                                 quantity={format(effectiveQuantity)}
-                                max_quantity={max_quantity || 0}
+                                maxQuantity={max_quantity || 0}
-                                min_quantity={min_quantity || 0}
+                                minQuantity={min_quantity || 0}
                                 referencePrice={referencePrice}
                                 askPrice={askPrice}
                                 margin={margin}

taker-frontend/src/components/Trade.tsx

@@ -47,9 +47,9 @@ import { CfdOrderRequestPayload } from "./Types";
 const MotionBox = motion<BoxProps>(Box);
 
 interface TradeProps {
-    order_id?: string;
+    orderId?: string;
-    min_quantity: number;
+    minQuantity: number;
-    max_quantity: number;
+    maxQuantity: number;
     referencePrice?: number;
     askPrice?: number;
     margin?: string;
@@ -64,8 +64,8 @@ interface TradeProps {
 
 const Trade = (
     {
-        min_quantity,
+        minQuantity,
-        max_quantity,
+        maxQuantity,
         referencePrice: referencePriceAsNumber,
         askPrice: askPriceAsNumber,
         quantity,
@@ -75,7 +75,7 @@ const Trade = (
         liquidationPrice: liquidationPriceAsNumber,
         canSubmit,
         onLongSubmit,
-        order_id,
+        orderId,
     }: TradeProps,
 ) => {
     let outerCircleBg = useColorModeValue("gray.100", "gray.700");
@@ -93,7 +93,7 @@ const Trade = (
             const quantityAsNumber = quantity.replace("$", "");
 
             let payload: CfdOrderRequestPayload = {
-                order_id: order_id!,
+                order_id: orderId!,
                 quantity: Number.parseFloat(quantityAsNumber),
             };
             await onLongSubmit(payload);
@@ -138,7 +138,7 @@ const Trade = (
                     </Center>
                 </GridItem>
                 <GridItem colSpan={1}>
-                    <Quantity min={min_quantity} max={max_quantity} quantity={quantity} onChange={onQuantityChange} />
+                    <Quantity min={minQuantity} max={maxQuantity} quantity={quantity} onChange={onQuantityChange} />
                 </GridItem>
                 <GridItem colSpan={1}>
                     <Leverage leverage={leverage} />