Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-10-27 11:02:16 +01:00
Code Issues Projects Releases Wiki Activity

feat: add impact metrics flag modal (#10550)

Browse Source
This commit is contained in:
Mateusz Kwasniewski 2025-08-27 15:28:03 +02:00 committed by GitHub
parent 32392f201f
commit 64eaf21928
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 36 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureImpactMetrics.tsx
View File

@ -2,6 +2,9 @@ import { PageContent } from 'component/common/PageContent/PageContent.tsx';
import { PageHeader } from '../../../common/PageHeader/PageHeader.tsx';
import { Button, styled, Typography } from '@mui/material';
import Add from '@mui/icons-material/Add';
import { useImpactMetricsMetadata } from 'hooks/api/getters/useImpactMetricsMetadata/useImpactMetricsMetadata.ts';
import { useMemo, useState } from 'react';
import { ChartConfigModal } from '../../../impact-metrics/ChartConfigModal/ChartConfigModal.tsx';
const StyledHeaderTitle = styled(Typography)(({ theme }) => ({
fontSize: theme.fontSizes.mainHeader,
@ -10,6 +13,28 @@ const StyledHeaderTitle = styled(Typography)(({ theme }) => ({
}));
export const FeatureImpactMetrics = () => {
const [modalOpen, setModalOpen] = useState(false);
const {
metadata,
loading: metadataLoading,
error: metadataError,
} = useImpactMetricsMetadata();
const handleAddChart = () => {
setModalOpen(true);
};
const metricSeries = useMemo(() => {
if (!metadata?.series) {
return [];
}
return Object.entries(metadata.series).map(([name, rest]) => ({
name,
...rest,
}));
}, [metadata]);
return (
<PageContent>
<PageHeader
@ -20,13 +45,22 @@ export const FeatureImpactMetrics = () => {
<Button
variant='contained'
startIcon={<Add />}
onClick={() => {}}
disabled={false}
onClick={handleAddChart}
disabled={metadataLoading || !!metadataError}
>
Add Chart
</Button>
}
/>
<ChartConfigModal
open={modalOpen}
onClose={() => setModalOpen(false)}
onSave={() => {}}
initialConfig={undefined}
metricSeries={metricSeries}
loading={metadataLoading}
/>
</PageContent>
);
};