Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2026-01-23 20:06:43 +01:00
Code Issues Projects Releases Wiki Activity

feat: shield icon impact metrics for safeguards (#11130)

Browse Source
This commit is contained in:
Mateusz Kwasniewski 2025-12-11 16:10:45 +01:00 committed by GitHub
parent 36e40e6520
commit 3596748866
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/component/impact-metrics/ChartItem.tsx
View File

@ -1,5 +1,6 @@
import type { FC } from 'react';
import { Box, Typography, styled, Paper } from '@mui/material';
import ShieldIcon from '@mui/icons-material/ShieldOutlined';
import { Box, Paper, styled, Typography } from '@mui/material';
import Edit from '@mui/icons-material/Edit';
import Delete from '@mui/icons-material/Delete';
import { ImpactMetricsChart } from './ImpactMetricsChart.tsx';
@ -64,7 +65,7 @@ const StyledImpactChartContainer = styled(Box)(({ theme }) => ({
const StyledHeader = styled(Box)(({ theme }) => ({
display: 'flex',
gap: theme.spacing(2),
gap: theme.spacing(1),
alignItems: 'center',
padding: theme.spacing(1.5, 2),
borderBottom: `1px solid ${theme.palette.divider}`,
@ -86,6 +87,12 @@ const StyledChartActions = styled(Box)(({ theme }) => ({
gap: theme.spacing(0.5),
}));
const StyledShieldIcon = styled(ShieldIcon)(({ theme }) => ({
alignSelf: 'start',
color: theme.palette.primary.main,
marginTop: theme.spacing(0.25),
}));
export const ChartItem: FC<ChartItemProps> = ({
config,
onEdit,
@ -98,6 +105,7 @@ export const ChartItem: FC<ChartItemProps> = ({
<StyledWidget>
<StyledHeader>
{dragHandle}
{config.mode === 'read' ? <StyledShieldIcon /> : null}
<StyledChartTitle>
{config.title && (
<Typography variant='h6'>{config.title}</Typography>
@ -113,6 +121,9 @@ export const ChartItem: FC<ChartItemProps> = ({
onClick={() => onEdit(config)}
permission={permission}
projectId={projectId}
tooltipProps={{
title: 'Edit chart',
}}
>
<Edit />
</PermissionIconButton>
@ -120,6 +131,9 @@ export const ChartItem: FC<ChartItemProps> = ({
onClick={() => onDelete(config.id)}
permission={permission}
projectId={projectId}
tooltipProps={{
title: 'Remove chart',
}}
>
<Delete />
</PermissionIconButton>