useCurrenciesByMarketcapWithStatus

LedgerHQ · May 16, 2022 · 9f5d182 · 9f5d182 · github-actions · May 16, 2022
1 parent 5b012ce
commit 9f5d182
Showing 1 changed file with 33 additions and 0 deletions.
diff --git a/src/currencies/sortByMarketcap.ts b/src/currencies/sortByMarketcap.ts
@@ -107,3 +107,36 @@ export const useCurrenciesByMarketcap = <C extends Currency>(
   const tickers = useMarketcapTickers();
   return tickers ? sortByMarketcap(currencies, tickers) : currencies;
 };
+
+type CurrenciesByMarketcapResult = {
+  loading: boolean;
+  error?: Error;
+  currencies?: any[];
+};
+
+export const useCurrenciesByMarketcapWithStatus = <C extends Currency>(
+  currencies: C[]
+): CurrenciesByMarketcapResult => {
+  const [status, setStatus] = useState<CurrenciesByMarketcapResult>({
+    loading: false,
+  });
+
+  useEffect(() => {
+    function getCurrenciesByMarketcap() {
+      setStatus({ loading: true });
+      getMarketcapTickers()
+        .then((tickers) => {
+          setStatus({
+            loading: false,
+            currencies: sortByMarketcap(currencies, tickers),
+          });
+        })
+        .catch((error: Error) => {
+          setStatus({ loading: false, error, currencies });
+        });
+    }
+    getCurrenciesByMarketcap();
+  }, []);
+
+  return status;
+};