@orderly.network/hooks 0.0.30 → 0.0.32

package/dist/index.mjs

@@ -1801,6 +1801,7 @@ var useMarketTradeStream = (symbol, options = {}) => {
   }
   const [trades, setTrades] = useState([]);
   const [isLoading, setIsLoading] = useState(false);
+  useState(() => symbol);
   const { limit = 50 } = options;
   const ws = useWS();
   useEffect(() => {
@@ -1825,23 +1826,30 @@ var useMarketTradeStream = (symbol, options = {}) => {
     );
   }, [symbol]);
   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 = () => {
@@ -1849,7 +1857,7 @@ var useMarginRatio = () => {
   const { data: markPrices } = useMarkPricesStream();
   const { totalCollateral } = useCollateral();
   const marginRatio = useMemo(() => {
-    if (!rows || !markPrices || !totalCollateral) {
+    if (!rows || !markPrices || !totalCollateral || rows.length === 0) {
       return 0;
     }
     const ratio = account.totalMarginRatio({