fix: set input price if market selected

compolabs · Feb 20, 2024 · 409d347 · 409d347
1 parent 5ef4d1e
commit 409d347
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/spark-frontend/src/screens/TradeScreen/LeftBlock/CreateOrderSpot/CreateOrderSpot.tsx b/spark-frontend/src/screens/TradeScreen/LeftBlock/CreateOrderSpot/CreateOrderSpot.tsx
@@ -1,4 +1,4 @@
-import React, { ComponentProps, useState } from "react";
+import React, { ComponentProps, useEffect, useState } from "react";
 import styled from "@emotion/styled";
 import { Accordion } from "@szhsin/react-accordion";
 import { observer } from "mobx-react";
@@ -49,6 +49,12 @@ const CreateOrderSpot: React.FC<IProps> = observer(({ ...rest }) => {
 
   const [orderType, setOrderType] = useState(ORDER_OPTIONS[0].key);
 
+  useEffect(() => {
+    if (orderType === ORDER_TYPE.Market) {
+      vm.setInputPrice(market?.price ?? BN.ZERO);
+    }
+  });
+
   if (!market) return null;
 
   const { baseToken, quoteToken } = market;