Files
stats/apps/dashboard/src/modals/OverviewChartDetails.tsx
2024-06-14 22:48:24 +02:00

26 lines
670 B
TypeScript

import { ChartSwitch } from '@/components/report/chart';
import { ScrollArea } from '@/components/ui/scroll-area';
import type { IChartProps } from '@openpanel/validation';
import { ModalContent, ModalHeader } from './Modal/Container';
type Props = {
chart: IChartProps;
};
const OverviewChartDetails = (props: Props) => {
return (
<ModalContent>
<ModalHeader title={props.chart.name} />
<ScrollArea className="-m-6 max-h-[calc(100vh-200px)]">
<div className="p-6">
<ChartSwitch {...props.chart} limit={999} chartType="bar" />
</div>
</ScrollArea>
</ModalContent>
);
};
export default OverviewChartDetails;