Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-09-15 17:50:48 +02: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

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

@ -3,7 +3,7 @@ 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',

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

@ -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={
<Tooltip title="Make it case sensitive" arrow>
<StyledToggleButtonOff
onClick={setCaseInsensitive}
disableRipple
>
<CaseSensitiveOff />
</StyledToggleButtonOff>
</Tooltip>
}
elseShow={
<Tooltip title="Remove case sensitive" arrow>
<StyledToggleButtonOn
onClick={setCaseInsensitive}
disableRipple
>
<CaseSensitive />
</StyledToggleButtonOn>
</Tooltip>
}
/>
</Tooltip>
);
};