feat: loader for bar charts

thearyadev · Dec 31, 2024 · 4f99389 · 4f99389
1 parent 0545061
commit 4f99389
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/frontend/app/components/charts/barChart.tsx b/frontend/app/components/charts/barChart.tsx
@@ -9,6 +9,7 @@ import classNames from "classnames";
 import { BarChartData } from "@/app/server/actions";
 import pareto from 'highcharts/modules/pareto';
 import { IconPercentage30 } from "@tabler/icons-react";
+import { Loader } from "@mantine/core";
 
 if (typeof Highcharts === 'object') {
     pareto(Highcharts)
@@ -143,7 +144,7 @@ const BarChart = (props: BarChartProps) => {
                 role="status"
                 className={`max-w flex text-center justify-center items-center h-[18rem]  animate-pulse ${loading ? "" : "hidden"}`}
             >
-                <p>Loading...</p>
+                <Loader color="blue" className="text-blue-500"/>
             </div>
         </div>
     );