Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-09-19 17:52:45 +02:00
Code Issues Projects Releases Wiki Activity

feat: add feature impact metrics initial area (#10548)

Browse Source
This commit is contained in:
Mateusz Kwasniewski 2025-08-27 13:24:41 +02:00 committed by GitHub
parent a28f38e06a
commit 32392f201f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 50 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureMetrics.tsx → frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureExposureMetrics.tsx
View File

@ -23,7 +23,7 @@ import {
import { aggregateFeatureMetrics } from './aggregateFeatureMetrics.ts';
import { PageHeader } from 'component/common/PageHeader/PageHeader.tsx';
export const FeatureMetrics = () => {
export const FeatureExposureMetrics = () => {
const projectId = useRequiredPathParam('projectId');
const featureId = useRequiredPathParam('featureId');
const environments = useFeatureMetricsEnvironments(projectId, featureId);

32
frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureImpactMetrics.tsx Normal file
View File

@ -0,0 +1,32 @@
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';
const StyledHeaderTitle = styled(Typography)(({ theme }) => ({
fontSize: theme.fontSizes.mainHeader,
fontWeight: 'normal',
lineHeight: theme.spacing(5),
}));
export const FeatureImpactMetrics = () => {
return (
<PageContent>
<PageHeader
titleElement={
<StyledHeaderTitle>Impact Metrics</StyledHeaderTitle>
}
actions={
<Button
variant='contained'
startIcon={<Add />}
onClick={() => {}}
disabled={false}
>
Add Chart
</Button>
}
/>
</PageContent>
);
};

15
frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureMetricsOverview.tsx Normal file
View File

@ -0,0 +1,15 @@
import { FeatureExposureMetrics } from './FeatureExposureMetrics.tsx';
import { FeatureImpactMetrics } from './FeatureImpactMetrics.tsx';
import { useUiFlag } from 'hooks/useUiFlag.ts';
import { Stack } from '@mui/material';
export const FeatureMetricsOverview = () => {
const impactMetricsEnabled = useUiFlag('impactMetrics');
return (
<Stack spacing={2}>
{impactMetricsEnabled ? <FeatureImpactMetrics /> : null}
<FeatureExposureMetrics />
</Stack>
);
};

4
frontend/src/component/feature/FeatureView/FeatureView.tsx
View File

@ -3,13 +3,13 @@ import { useFeature } from 'hooks/api/getters/useFeature/useFeature';
import FeatureLog from './FeatureLog/FeatureLog.tsx';
import { FeatureOverview } from './FeatureOverview/FeatureOverview.tsx';
import { FeatureEnvironmentVariants } from './FeatureVariants/FeatureEnvironmentVariants/FeatureEnvironmentVariants.tsx';
import { FeatureMetrics } from './FeatureMetrics/FeatureMetrics.tsx';
import { FeatureSettings } from './FeatureSettings/FeatureSettings.tsx';
import useLoading from 'hooks/useLoading';
import { FeatureNotFound } from 'component/feature/FeatureView/FeatureNotFound/FeatureNotFound';
import { useRequiredPathParam } from 'hooks/useRequiredPathParam';
import { FeatureViewHeader } from './FeatureViewHeader.tsx';
import { styled } from '@mui/material';
import { FeatureMetricsOverview } from './FeatureMetrics/FeatureMetricsOverview.tsx';
export const StyledLink = styled(Link)(() => ({
maxWidth: '100%',
@ -42,7 +42,7 @@ export const FeatureView = () => {
<div ref={ref}>
<FeatureViewHeader feature={feature} />
<Routes>
<Route path='metrics' element={<FeatureMetrics />} />
<Route path='metrics' element={<FeatureMetricsOverview />} />
<Route path='logs' element={<FeatureLog />} />
<Route
path='variants'