@orderly.network/hooks 0.0.30 → 0.0.32

package/dist/index.js

@@ -1810,6 +1810,7 @@ var useMarketTradeStream = (symbol, options = {}) => {
   }
   const [trades, setTrades] = React2.useState([]);
   const [isLoading, setIsLoading] = React2.useState(false);
+  React2.useState(() => symbol);
   const { limit = 50 } = options;
   const ws = useWS();
   React2.useEffect(() => {
@@ -1834,23 +1835,30 @@ var useMarketTradeStream = (symbol, options = {}) => {
     );
   }, [symbol]);
   React2.useEffect(() => {
-    if (trades.length <= 0)
-      return;
-    const unsubscript = ws.subscribe(`@${symbol}/@trade`, {
-      onMessage: (data) => {
-        setTrades((prev) => {
-          const arr = [data, ...prev];
-          if (arr.length > limit) {
-            arr.pop();
-          }
-          return arr;
-        });
+    const unsubscript = ws.subscribe(
+      {
+        id: `${symbol}@trade`,
+        event: "subscribe",
+        topic: `${symbol}@trade`,
+        ts: Date.now()
+      },
+      {
+        onMessage: (data) => {
+          setTrades((prev) => {
+            const arr = [__spreadProps(__spreadValues({}, data), { ts: Date.now() }), ...prev];
+            if (arr.length > limit) {
+              arr.pop();
+            }
+            return arr;
+          });
+        }
       }
-    });
+    );
     return () => {
       unsubscript == null ? void 0 : unsubscript();
     };
-  }, [symbol, trades]);
+  }, [symbol]);
+  console.log("trades", trades);
   return { data: trades, isLoading };
 };
 var useMarginRatio = () => {
@@ -1858,7 +1866,7 @@ var useMarginRatio = () => {
   const { data: markPrices } = useMarkPricesStream();
   const { totalCollateral } = useCollateral();
   const marginRatio = React2.useMemo(() => {
-    if (!rows || !markPrices || !totalCollateral) {
+    if (!rows || !markPrices || !totalCollateral || rows.length === 0) {
       return 0;
     }
     const ratio = futures.account.totalMarginRatio({