mirror of
https://github.com/Unleash/unleash.git
synced 2025-07-26 13:48:33 +02:00
Create/edit constraint adjustments
This commit is contained in:
parent
c0796f3c21
commit
f34aafade5
@ -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',
|
||||
|
@ -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]);
|
||||
|
@ -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>
|
||||
}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
Loading…
Reference in New Issue
Block a user