Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-08-13 13:48:59 +02:00
Code Issues Projects Releases Wiki Activity

feat: view for recently used constraints (#9860)

Browse Source
This commit is contained in:
Jaanus Sellin 2025-04-29 13:36:17 +03:00 committed by GitHub
parent c548f93d5e
commit 7356453c0c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 63 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/FeatureStrategyConstraintAccordionList/FeatureStrategyConstraintAccordionList.tsx
View File

@ -15,6 +15,7 @@ import { EditableConstraintsList } from 'component/common/NewConstraintAccordion
import { Limit } from 'component/common/Limit/Limit';
import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
import { useUiFlag } from 'hooks/useUiFlag';
import { RecentlyUsedConstraints } from '../RecentlyUsedConstraints';
interface IConstraintAccordionListProps {
constraints: IConstraint[];
@ -136,6 +137,10 @@ export const FeatureStrategyConstraintAccordionList = forwardRef<
>
Add constraint
</Button>
<ConditionallyRender
condition={Boolean(addEditStrategy)}
show={<RecentlyUsedConstraints />}
/>
</div>
}
/>

58
frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/RecentlyUsedConstraints.tsx Normal file
View File

@ -0,0 +1,58 @@
import type { IConstraint } from 'interfaces/strategy';
import { styled, Typography } from '@mui/material';
import { ConstraintAccordionView } from 'component/common/NewConstraintAccordion/ConstraintAccordionView/ConstraintAccordionView';
import { constraintId } from 'component/common/LegacyConstraintAccordion/ConstraintAccordionList/createEmptyConstraint';
type IRecentlyUsedConstraintsProps = {
temporary?: string;
};
const StyledContainer = styled('div')(({ theme }) => ({
marginTop: theme.spacing(3),
}));
const StyledHeader = styled(Typography)(({ theme }) => ({
fontSize: theme.fontSizes.smallerBody,
color: theme.palette.text.secondary,
marginBottom: theme.spacing(1),
}));
const StyledConstraintsContainer = styled('div')(({ theme }) => ({
display: 'flex',
flexDirection: 'column',
gap: theme.spacing(1),
}));
export const RecentlyUsedConstraints = ({
temporary,
}: IRecentlyUsedConstraintsProps) => {
// Mock constraint for now
const mockConstraints: IConstraint[] = [
{
contextName: 'userId',
operator: 'IN',
values: ['123', '456', '789'],
value: '',
},
{
contextName: 'environment',
operator: 'STR_CONTAINS',
values: ['production'],
value: '',
},
];
return (
<StyledContainer>
<StyledHeader>Recently used constraints</StyledHeader>
<StyledConstraintsContainer>
{mockConstraints.map((constraint) => (
<ConstraintAccordionView
key={constraint[constraintId]}
constraint={constraint}
/>
))}
</StyledConstraintsContainer>
</StyledContainer>
);
};