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

feat: add impact metrics section to NewInUnleash

Browse Source
This commit is contained in:
Tymoteusz Czech 2025-08-22 10:46:42 +02:00
parent b321bfba99
commit cc0cf333fd
No known key found for this signature in database
GPG Key ID: 133555230D88D75F
1 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/component/layout/MainLayout/NavigationSidebar/NewInUnleash/NewInUnleash.tsx
View File

@ -24,6 +24,7 @@ import { useNavigate } from 'react-router-dom';
import { formatAssetPath } from 'utils/formatPath'; import { formatAssetPath } from 'utils/formatPath';
import FactCheckOutlinedIcon from '@mui/icons-material/FactCheckOutlined'; import FactCheckOutlinedIcon from '@mui/icons-material/FactCheckOutlined';
import ReleaseTemplatePreviewImage from 'assets/img/releaseTemplatePreview.png'; import ReleaseTemplatePreviewImage from 'assets/img/releaseTemplatePreview.png';
import TrendingUpOutlinedIcon from '@mui/icons-material/TrendingUpOutlined';
const StyledNewInUnleash = styled('div')(({ theme }) => ({ const StyledNewInUnleash = styled('div')(({ theme }) => ({
margin: theme.spacing(2, 0, 1, 0), margin: theme.spacing(2, 0, 1, 0),
@ -81,6 +82,10 @@ const StyledReleaseManagementIcon = styled(FactCheckOutlinedIcon)(
}), }),
); );
const StyledImpactMetricsIcon = styled(TrendingUpOutlinedIcon)(({ theme }) => ({
color: theme.palette.primary.main,
}));
const StyledImg = styled('img')(() => ({ const StyledImg = styled('img')(() => ({
maxWidth: '100%', maxWidth: '100%',
})); }));
@ -103,6 +108,7 @@ export const NewInUnleash = ({
const { isEnterprise } = useUiConfig(); const { isEnterprise } = useUiConfig();
const signalsEnabled = useUiFlag('signals'); const signalsEnabled = useUiFlag('signals');
const releasePlansEnabled = useUiFlag('releasePlans'); const releasePlansEnabled = useUiFlag('releasePlans');
const impactMetricsEnabled = useUiFlag('impactMetrics');
const items: NewInUnleashItemDetails[] = [ const items: NewInUnleashItemDetails[] = [
{ {
@ -179,6 +185,23 @@ export const NewInUnleash = ({
beta: false, beta: false,
popout: true, popout: true,
}, },
{
label: 'Impact metrics',
summary: 'Lightweight telemetry for your application',
icon: <StyledImpactMetricsIcon />,
onCheckItOut: () => navigate('/impact-metrics'),
docsLink: 'https://docs.getunleash.io/reference/impact-metrics',
show: isEnterprise() && impactMetricsEnabled,
beta: false,
longDescription: (
<p>
Track and visualize key performance indicators and
application metrics in a customizable dashboard. Monitor how
your feature flags impact system performance, user behavior,
and business metrics in real-time.
</p>
),
},
]; ];
const visibleItems = items.filter( const visibleItems = items.filter(