From 1916fbe66f4d57fbe04f4c22b26da807742296b3 Mon Sep 17 00:00:00 2001
From: Ryan Goree <goree.ryan@gmail.com>
Date: Tue, 18 Jul 2023 22:44:50 -0500
Subject: [PATCH] Edit liquidity stat

---
 .../src/ui/hyperdrive/hooks/useLiquidity.ts   | 31 +++++++++++++------
 .../ui/markets/MarketStats/MarketStats.tsx    |  4 +--
 2 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/apps/hyperdrive-trading/src/ui/hyperdrive/hooks/useLiquidity.ts b/apps/hyperdrive-trading/src/ui/hyperdrive/hooks/useLiquidity.ts
index 32af6c69e..10779a915 100644
--- 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
index 9d9691755..cf5f1ae04 100644
--- a/apps/hyperdrive-trading/src/ui/markets/MarketStats/MarketStats.tsx
+++ b/apps/hyperdrive-trading/src/ui/markets/MarketStats/MarketStats.tsx
@@ -21,7 +21,7 @@ export function MarketStats({
     currentBlockNumber as bigint,
   );
 
-  const { data: liquidity } = useLiquidity(hyperdrive.address);
+  const { liquidity } = useLiquidity(hyperdrive.address);
   const { fixedAPR } = useCurrentFixedAPR(hyperdrive);
   const { longPrice } = useCurrentLongPrice(hyperdrive);
 
@@ -62,7 +62,7 @@ export function MarketStats({
         value={
           <FormattedDaiValue
             iconUrl={hyperdrive.baseToken.iconUrl as string}
-            value={liquidity?.marketLiquidity || "0"}
+            value={liquidity?.formatted || "0"}
           />
         }
       />