feat(#65): add chart status inside a card

- add chart status card component closes #65
profusion · Jul 10, 2024 · 8b42479 · 8b42479
1 parent 35ce00a
commit 8b42479
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/dashboard/src/components/Cards/StatusChartCard/StatusChartCard.tsx b/dashboard/src/components/Cards/StatusChartCard/StatusChartCard.tsx
@@ -0,0 +1,22 @@
+import StatusChart, {
+  IStatusChart,
+} from '@/components/StatusChart/StatusCharts';
+
+import BaseCard from '../BaseCard';
+
+interface IStatusChartCard {
+  chart: IStatusChart;
+  title: string;
+}
+
+const StatusChartCard = ({ chart, title }: IStatusChartCard): JSX.Element => {
+  return (
+    <BaseCard
+      className="flex items-center justify-center"
+      title={title}
+      content={<StatusChart {...chart} />}
+    />
+  );
+};
+
+export default StatusChartCard;