fix: padrões de código/ DRY 🔧

wh1t3h47 · Oct 15, 2023 · bb88c91 · bb88c91
1 parent f5e0596
commit bb88c91
Showing 1 changed file with 27 additions and 17 deletions.
diff --git a/src/components/pages/ChartsDashboard.tsx b/src/components/pages/ChartsDashboard.tsx
@@ -15,46 +15,56 @@ const ChartsDashboard = () => {
     useState<JSX.Element | null>(null);
 
   useEffect(() => {
+    const errHandler = (error: Error) => {
+      console.error(error);
+      setImportLoading(false);
+    };
+
     import("../organisms/PartyDistributionBarChart")
       .then((module) => {
         setPartyDistributionChart(<module.PartyDistributionBarChart />);
       })
       .then(() => {
-        import("../organisms/TopContributingBarChart").then((module) => {
-          setTopContributingChart(<module.TopContributingBarChart />);
-        });
+        import("../organisms/TopContributingBarChart")
+          .then((module) => {
+            setTopContributingChart(<module.TopContributingBarChart />);
+          })
+          .catch(errHandler);
       })
       .then(() => {
-        import("../organisms/BitcoinNegotiationsParetoChart").then((module) => {
-          setBitcoinNegotiationsChart(
-            <module.BitcoinNegotiationsParetoChart />
-          );
-          setImportLoading(false);
-        });
+        import("../organisms/BitcoinNegotiationsParetoChart")
+          .then((module) => {
+            setBitcoinNegotiationsChart(
+              <module.BitcoinNegotiationsParetoChart />
+            );
+            setImportLoading(false);
+          })
+          .catch(errHandler);
       })
-      .catch((error) => {
-        console.error(error);
-        setImportLoading(false);
-      });
+      .catch(errHandler);
   }, []);
 
-  const isLoading = importLoading || loading || btcLoading;
+  const isLoadingSenator = importLoading || loading;
+  const isLoadingBitcoin = importLoading || btcLoading;
 
   return (
     <div className="flex flex-wrap justify-center">
       <Card
         title="Distribuição de partidos ocupando
             posições no senado (EUA):"
-        {...{ isLoading }}
+        {...{ isLoading: isLoadingSenator }}
       >
         {partyDistributionChart}
       </Card>
-      <Card title="Top 5 contribuidores no senado (EUA):" {...{ isLoading }}>
+      <Card
+        title="Top 5 contribuidores no senado (EUA):"
+        {...{ isLoading: isLoadingSenator }}
+      >
         {topContributingChart}
       </Card>
       <Card
         title="Distribuição de volume de negociações por criptomoeda:"
-        {...{ isLoading }}
+        {...{ isLoading: isLoadingBitcoin }}
       >
         {bitcoinNegotiationsChart}
       </Card>