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

profusion · Jul 11, 2024 · e4adf81 · e4adf81
1 parent 3f7ed5e
commit e4adf81
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;