feat(ui): update submit-open-order.tsx component for save the trade t…

…o backend
kogen-markets · Feb 25, 2025 · 94030c3 · 94030c3
1 parent 12a80c7
commit 94030c3
Showing 1 changed file with 28 additions and 8 deletions.
diff --git a/package/ui/src/pages/options/components/call-form/submit-open-order.tsx b/package/ui/src/pages/options/components/call-form/submit-open-order.tsx
@@ -5,7 +5,7 @@ import { snackbarState } from "../../../../state/snackbar";
 import { Config } from "../../../../codegen/KogenMarkets.types";
 import { getCollateralSize, toBaseToken } from "../../../../lib/token";
 import { openOrderFormState } from "../../../../state/kogen";
-import { useCallOptionMutation } from "../../tx";
+import { useInjectiveCallOptionMutation } from "../../tx/injective"; // Use updated hook
 import { useOptionSizeValidatorWithConfig } from "./option-size-input";
 import { useOptionPriceValidatorWithConfig } from "./option-price-input";
 import Joi from "joi";
@@ -23,15 +23,15 @@ export default function SubmitOpenOrder({
   const isBid = useMemo(() => formState.type === ORDER_TYPES.BID, [formState]);
 
   const { mutateAsync: createOrder, isLoading: isCreateOrderLoading } =
-    useCallOptionMutation();
+    useInjectiveCallOptionMutation();
 
   const collateral = useMemo(() => {
     return getCollateralSize(
       isCall,
       formState.type,
       config,
       formState.optionSize,
-      formState.optionPrice,
+      formState.optionPrice
     );
   }, [isCall, formState, config]);
 
@@ -45,7 +45,7 @@ export default function SubmitOpenOrder({
         optionSize: optionSizeValidatorConfig,
         optionPrice: optionPriceValidatorConfig,
       }).unknown(true),
-    [optionSizeValidatorConfig, optionPriceValidatorConfig],
+    [optionSizeValidatorConfig, optionPriceValidatorConfig]
   );
 
   const orderCreateEnabled = useMemo(() => {
@@ -55,6 +55,21 @@ export default function SubmitOpenOrder({
     );
   }, [callFormValidatorConfig, formState]);
 
+  const saveTrade = async (trade: any) => {
+    try {
+      const apiUrl = import.meta.env.VITE_KOGEN_APP_API_URL;
+
+      await axios.post(`${apiUrl}/api/trades/save`, {
+        ...trade,
+        walletAddress,
+        prettyName,
+      });
+      setSnackbar({ message: "Trade successfully saved!" });
+    } catch (error: any) {
+      setSnackbar({ message: "Error saving trade: " + error.message });
+    }
+  };
+
   return (
     <Fragment>
       <Button
@@ -73,11 +88,11 @@ export default function SubmitOpenOrder({
               type: formState.type,
               price: toBaseToken(
                 formState.optionPrice,
-                config.quote_decimals,
+                config.quote_decimals
               ).toFixed(0),
               quantity: toBaseToken(
                 formState.optionSize,
-                config.base_decimals,
+                config.base_decimals
               ).toFixed(0),
               funds: [
                 {
@@ -87,9 +102,14 @@ export default function SubmitOpenOrder({
               ],
             });
 
-            setSnackbar({
-              message: `Order successfully created`,
+            const result = await createOrder(order);
+
+            await saveTrade({
+              order,
+              result: result,
             });
+
+            setSnackbar({ message: `Order successfully created` });
           } catch (e: any) {
             if (e?.originalMessage?.includes("Matched own position")) {
               setSnackbar({