fix: line chart loading states improvements

ayushsoni1010 · Oct 15, 2023 · 474c1d7 · 474c1d7
1 parent b2c22ac
commit 474c1d7
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/frontend/src/components/LineChart/index.tsx b/frontend/src/components/LineChart/index.tsx
@@ -70,7 +70,7 @@ const LineChart = (chartData: any) => {
   }, []);
 
   return (
-    <div className="w-full">
+    <div className="w-full items-center">
       {!loading && data.labels ? (
         <Line
           height={75}
@@ -99,7 +99,9 @@ const LineChart = (chartData: any) => {
           }}
         />
       ) : (
-        <p>loading</p>
+        <p className="text-center font-bold text-lg justify-center relative top-28">
+          loading...
+        </p>
       )}
     </div>
   );