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

Create/edit constraint adjustments

Browse Source
This commit is contained in:
andreas-unleash 2022-07-21 14:15:21 +03:00
parent c0796f3c21
commit f34aafade5
3 changed files with 15 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/ConstraintAccordionEditBody.styles.ts
View File

@ -1,9 +1,9 @@
import {makeStyles} from 'tss-react/mui';
import { makeStyles } from 'tss-react/mui';
export const useStyles = makeStyles()(theme => ({
inputContainer: {
padding: '1rem',
backgroundColor: theme.palette.grey[100]
backgroundColor: theme.palette.grey[100],
},
buttonContainer: {
display: 'flex',

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

@ -73,7 +73,7 @@ export const ConstraintAccordionEditHeader = ({
oneOf(dateOperators, operator)
) {
setOperator(IN);
} else if (oneOf(stringOperators, operator)) {
} else if (oneOf(stringOperators, operator)) {
setShowCaseSensitiveButton(true);
}
}, [contextName, setOperator, operator, setLocalConstraint]);

29
frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/StyledToggleButton/CaseSensitiveButton/CaseSensitiveButton.tsx
View File

@ -1,7 +1,7 @@
import { Tooltip } from '@mui/material';
import { ReactComponent as CaseSensitive } from 'assets/icons/24_Text format.svg';
import { ReactComponent as CaseSensitiveOff } from 'assets/icons/24_Text format off.svg';
import React from 'react';
import React from 'react';
import {
StyledToggleButtonOff,
StyledToggleButtonOn,
@ -19,33 +19,28 @@ export const CaseSensitiveButton = ({
setCaseInsensitive,
}: CaseSensitiveButtonProps) => {
return (
<Tooltip
title={
localConstraint.caseInsensitive
? 'Make it case sensitive'
: 'Remove case sensitive'
}
arrow
>
<ConditionallyRender
condition={Boolean(localConstraint.caseInsensitive)}
show={
<ConditionallyRender
condition={Boolean(localConstraint.caseInsensitive)}
show={
<Tooltip title="Make it case sensitive" arrow>
<StyledToggleButtonOff
onClick={setCaseInsensitive}
disableRipple
>
<CaseSensitiveOff />
</StyledToggleButtonOff>
}
elseShow={
</Tooltip>
}
elseShow={
<Tooltip title="Remove case sensitive" arrow>
<StyledToggleButtonOn
onClick={setCaseInsensitive}
disableRipple
>
<CaseSensitive />
</StyledToggleButtonOn>
}
/>
</Tooltip>
</Tooltip>
}
/>
);
};