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

Constraint View header adjustments

Browse Source
This commit is contained in:
andreas-unleash 2022-07-21 15:27:29 +03:00
parent 9316b633a2
commit c16272ec26
8 changed files with 23 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/component/common/ConstraintAccordion/ConstraintAccordion.styles.ts
View File

@ -49,7 +49,7 @@ export const useStyles = makeStyles()(theme => ({
headerValuesContainerWrapper: {
display: 'flex',
flexDirection: 'row',
justifyContent: 'center'
justifyContent: 'center',
},
headerValuesContainer: {
display: 'flex',

3
frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/ConstraintAccordionEditBody.tsx
View File

@ -1,8 +1,7 @@
import { Button, FormControlLabel, Switch } from '@mui/material';
import { Button } from '@mui/material';
import { IConstraint } from 'interfaces/strategy';
import { CANCEL } from '../ConstraintAccordionEdit';
import { ConstraintFormHeader } from './ConstraintFormHeader/ConstraintFormHeader';
import { useStyles } from './ConstraintAccordionEditBody.styles';
import React from 'react';
import { newOperators } from 'constants/operators';

1
frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/ResolveInput/ResolveInput.tsx
View File

@ -1,6 +1,5 @@
import { IUnleashContextDefinition } from 'interfaces/context';
import { IConstraint } from 'interfaces/strategy';
import { CaseInsensitive } from '../CaseInsensitive/CaseInsensitive';
import { DateSingleValue } from '../DateSingleValue/DateSingleValue';
import { FreeTextInput } from '../FreeTextInput/FreeTextInput';
import { RestrictiveLegalValues } from '../RestrictiveLegalValues/RestrictiveLegalValues';

2
frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditHeader/ConstraintAccordionEditHeader.tsx
View File

@ -4,7 +4,7 @@ import { useStyles } from 'component/common/ConstraintAccordion/ConstraintAccord
import useUnleashContext from 'hooks/api/getters/useUnleashContext/useUnleashContext';
import GeneralSelect from 'component/common/GeneralSelect/GeneralSelect';
import { ConstraintIcon } from 'component/common/ConstraintAccordion/ConstraintIcon';
import { Delete, Edit, Help } from '@mui/icons-material';
import { Delete, Edit } from '@mui/icons-material';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import {
dateOperators,

4
frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/StyledToggleButton/InvertedOperatorButton/InvertedOperatorButton.tsx
View File

@ -1,7 +1,7 @@
import { Button, IconButton, Tooltip } from '@mui/material';
import { Tooltip } from '@mui/material';
import { ReactComponent as NegatedIcon } from '../../../../../../assets/icons/24_Negator.svg';
import { ReactComponent as NegatedIconOff } from '../../../../../../assets/icons/24_Negator off.svg';
import React, { useMemo } from 'react';
import React from 'react';
import { IConstraint } from '../../../../../../interfaces/strategy';
import {
StyledToggleButtonOff,

1
frontend/src/component/common/ConstraintAccordion/ConstraintAccordionView/ConstraintAccordionView.tsx
View File

@ -1,5 +1,4 @@
import { Accordion, AccordionSummary, AccordionDetails } from '@mui/material';
import { ExpandMore } from '@mui/icons-material';
import { IConstraint } from 'interfaces/strategy';
import { ConstraintAccordionViewBody } from './ConstraintAccordionViewBody/ConstraintAccordionViewBody';

17
frontend/src/component/common/ConstraintAccordion/ConstraintAccordionView/ConstraintAccordionViewHeader/ConstraintAccordionViewHeader.tsx
View File

@ -53,8 +53,10 @@ const StyledSingleValueChip = styled(Chip)(({ theme }) => ({
},
}));
const StyledIconWrapper = styled('div')<{ marginRight?: string, marginTop?: string }>(
({ theme, marginRight, marginTop }) => ({
const StyledIconWrapper = styled('div')<{
marginRight?: string;
marginTop?: string;
}>(({ theme, marginRight, marginTop }) => ({
backgroundColor: theme.palette.grey[200],
width: 28,
height: 47,
@ -63,9 +65,8 @@ const StyledIconWrapper = styled('div')<{ marginRight?: string, marginTop?: stri
padding: '10px 0',
color: theme.palette.primary.main,
marginRight: marginRight ? marginRight : '0.75rem',
marginTop: marginTop ? marginTop: 0
})
);
marginTop: marginTop ? marginTop : 0,
}));
interface IConstraintAccordionViewHeaderProps {
compact: boolean;
@ -208,8 +209,10 @@ export const ConstraintAccordionViewHeader = ({
'valuesExpandLabel'
)}
>
{!expanded ? `Expand to view all (
${constraint?.values?.length})` : 'Collapse to view less' }
{!expanded
? `Expand to view all (
${constraint?.values?.length})`
: 'Collapse to view less'}
</p>
}
/>

3
frontend/src/component/common/ConstraintAccordion/ConstraintOperator/ConstraintOperator.tsx
View File

@ -1,9 +1,6 @@
import { IConstraint } from 'interfaces/strategy';
import { formatOperatorDescription } from 'component/common/ConstraintAccordion/ConstraintOperator/formatOperatorDescription';
import { useStyles } from 'component/common/ConstraintAccordion/ConstraintOperator/ConstraintOperator.styles';
import { ConditionallyRender } from '../../ConditionallyRender/ConditionallyRender';
import { ReactComponent as NegatedIcon } from '../../../../assets/icons/24_Negator.svg';
import { colors } from '../../../../themes/colors';
import React from 'react';
interface IConstraintOperatorProps {