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

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 => ({ export const useStyles = makeStyles()(theme => ({
inputContainer: { inputContainer: {
padding: '1rem', padding: '1rem',
backgroundColor: theme.palette.grey[100] backgroundColor: theme.palette.grey[100],
}, },
buttonContainer: { buttonContainer: {
display: 'flex', display: 'flex',

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

@ -73,7 +73,7 @@ export const ConstraintAccordionEditHeader = ({
oneOf(dateOperators, operator) oneOf(dateOperators, operator)
) { ) {
setOperator(IN); setOperator(IN);
} else if (oneOf(stringOperators, operator)) { } else if (oneOf(stringOperators, operator)) {
setShowCaseSensitiveButton(true); setShowCaseSensitiveButton(true);
} }
}, [contextName, setOperator, operator, setLocalConstraint]); }, [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 { Tooltip } from '@mui/material';
import { ReactComponent as CaseSensitive } from 'assets/icons/24_Text format.svg'; import { ReactComponent as CaseSensitive } from 'assets/icons/24_Text format.svg';
import { ReactComponent as CaseSensitiveOff } from 'assets/icons/24_Text format off.svg'; import { ReactComponent as CaseSensitiveOff } from 'assets/icons/24_Text format off.svg';
import React from 'react'; import React from 'react';
import { import {
StyledToggleButtonOff, StyledToggleButtonOff,
StyledToggleButtonOn, StyledToggleButtonOn,
@ -19,33 +19,28 @@ export const CaseSensitiveButton = ({
setCaseInsensitive, setCaseInsensitive,
}: CaseSensitiveButtonProps) => { }: CaseSensitiveButtonProps) => {
return ( return (
<Tooltip <ConditionallyRender
title={ condition={Boolean(localConstraint.caseInsensitive)}
localConstraint.caseInsensitive show={
? 'Make it case sensitive' <Tooltip title="Make it case sensitive" arrow>
: 'Remove case sensitive'
}
arrow
>
<ConditionallyRender
condition={Boolean(localConstraint.caseInsensitive)}
show={
<StyledToggleButtonOff <StyledToggleButtonOff
onClick={setCaseInsensitive} onClick={setCaseInsensitive}
disableRipple disableRipple
> >
<CaseSensitiveOff /> <CaseSensitiveOff />
</StyledToggleButtonOff> </StyledToggleButtonOff>
} </Tooltip>
elseShow={ }
elseShow={
<Tooltip title="Remove case sensitive" arrow>
<StyledToggleButtonOn <StyledToggleButtonOn
onClick={setCaseInsensitive} onClick={setCaseInsensitive}
disableRipple disableRipple
> >
<CaseSensitive /> <CaseSensitive />
</StyledToggleButtonOn> </StyledToggleButtonOn>
} </Tooltip>
/> }
</Tooltip> />
); );
}; };