Edit liquidity stat

delvtech · Jul 19, 2023 · 967d995 · 967d995
1 parent 0389a27
commit 967d995
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 11 deletions.
diff --git a/apps/hyperdrive-trading/src/ui/hyperdrive/hooks/useLiquidity.ts b/apps/hyperdrive-trading/src/ui/hyperdrive/hooks/useLiquidity.ts
@@ -1,14 +1,27 @@
 import { getLiquidityQuery } from "@hyperdrive/core";
-import { useQuery, UseQueryResult } from "@tanstack/react-query";
+import { QueryStatus, useQuery } from "@tanstack/react-query";
 import { Address, usePublicClient } from "wagmi";
 
-export type GetLiquidityResponse = {
-  marketLiquidity: string;
-};
+export function useLiquidity(hyperdriveAddress: Address): {
+  liquidity:
+    | {
+        liquidity: bigint;
+        formatted: string;
+      }
+    | undefined;
+  liquidityStatus: QueryStatus;
+} {
+  const publicClient = usePublicClient();
 
-export function useLiquidity(
-  hyperdriveAddress: Address,
-): UseQueryResult<GetLiquidityResponse> {
-  const publicClient = usePublicClient() as any;
-  return useQuery(getLiquidityQuery({ hyperdriveAddress, publicClient }));
+  const { data, status } = useQuery(
+    getLiquidityQuery({
+      hyperdriveAddress,
+      publicClient: publicClient as any,
+    }),
+  );
+
+  return {
+    liquidity: data,
+    liquidityStatus: status,
+  };
 }
diff --git a/apps/hyperdrive-trading/src/ui/markets/MarketStats/MarketStats.tsx b/apps/hyperdrive-trading/src/ui/markets/MarketStats/MarketStats.tsx
@@ -14,7 +14,7 @@ export function MarketStats({
 }): ReactElement {
   const formattedTermLength = formatTermLength(hyperdrive.termLengthMS);
 
-  const { data: liquidity } = useLiquidity(hyperdrive.address);
+  const { liquidity } = useLiquidity(hyperdrive.address);
   const { fixedAPR } = useCurrentFixedAPR(hyperdrive);
   const { longPrice } = useCurrentLongPrice(hyperdrive);
 
@@ -47,7 +47,7 @@ export function MarketStats({
         value={
           <FormattedLiquidity
             iconUrl={hyperdrive.baseToken.iconUrl as string}
-            liquidity={liquidity?.marketLiquidity || "0"}
+            liquidity={liquidity?.formatted || "0"}
           />
         }
       />