fix: tvl & rowan price loading

Sifchain · Sep 15, 2022 · 9ec3d2f · 9ec3d2f
1 parent 79d4681
commit 9ec3d2f
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 12 deletions.
diff --git a/app/src/components/NavSidePanel/RowanPrice.tsx b/app/src/components/NavSidePanel/RowanPrice.tsx
@@ -1,14 +1,12 @@
-import { computed, defineComponent } from "vue";
-import { usePoolStats } from "@/hooks/usePoolStats";
+import { defineComponent } from "vue";
+import { useRowanPrice } from "@/hooks/useRowanPrice";
+
 import NavSidePanelItem from "./NavSidePanelItem";
 
 export default defineComponent({
   name: "RowanPrice",
   setup() {
-    const poolStats = usePoolStats();
-    const rowanPrice = computed(() => {
-      return poolStats.data.value?.rowanUsd;
-    });
+    const { data: rowanPrice } = useRowanPrice();
 
     return () => (
       <NavSidePanelItem

diff --git a/app/src/hooks/useRowanPrice.ts b/app/src/hooks/useRowanPrice.ts
@@ -3,15 +3,15 @@ import { watchEffect } from "vue";
 import { useCore } from "@/hooks/useCore";
 import { useAsyncDataCached } from "@/hooks/useAsyncDataCached";
 
+function isNumeric(s: string): boolean {
+  return Number(s) - 0 === Number(s) && ("" + s).trim().length > 0;
+}
+
 export const useRowanPrice = (params?: { shouldReload: boolean }) => {
   const { services } = useCore();
 
   const price = useAsyncDataCached("rowanPrice", async () => {
-    function isNumeric(s: string): boolean {
-      return Number(s) - 0 === Number(s) && ("" + s).trim().length > 0;
-    }
-
-    const { body: stats } = await services.data.getTokenStats();
+    const stats = await services.data.getTokenStats();
     const rowanPriceInUSDT = stats.rowanUSD ?? "";
 
     if (isNumeric(rowanPriceInUSDT)) {

diff --git a/app/src/hooks/useTVL.ts b/app/src/hooks/useTVL.ts
@@ -8,7 +8,7 @@ export function useTVL() {
   const loadTVL = async () => {
     const tokenStats = await services.data.getTokenStats();
 
-    const pools = tokenStats.body.pools ?? [];
+    const pools = tokenStats.pools ?? [];
 
     const total = pools.reduce(
       (acc, { poolTVL, poolDepth }) =>