fix: fallback failed usd value

skip-mev · Nov 28, 2023 · b958abf · b958abf
1 parent 36602be
commit b958abf
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/UsdValue.tsx b/src/components/UsdValue.tsx
@@ -4,16 +4,18 @@ import { create } from "zustand";
 import { Args, useUsdDiffValue, useUsdValue } from "@/hooks/useUsdValue";
 
 type UsdValueProps = Args & {
+  error?: ReactNode;
   loading?: ReactNode;
   context?: "src" | "dest";
 };
 
 export const UsdValue = ({
+  error = "Price not available",
   loading = "...",
   context,
   ...args
 }: UsdValueProps) => {
-  const { data: usdValue = 0, isLoading } = useUsdValue(args);
+  const { data: usdValue = 0, isError, isLoading } = useUsdValue(args);
 
   const prevValue = useRef(usdValue);
   useEffect(() => {
@@ -32,6 +34,10 @@ export const UsdValue = ({
     }
   });
 
+  if (isError) {
+    return <>{error}</>;
+  }
+
   if (isLoading && prevValue.current) {
     return <>{`$${prevValue.current.toFixed(2)}`}</>;
   }