Fix #7141 - Wrong conversion of to a boolean value (#7161)

Signed-off-by: agigleux <alexandre.gigleux@sonarsource.com>

Co-authored-by: Alexandre BODIN <alexandrebodin@users.noreply.github.com>
This commit is contained in:
Alexandre Gigleux 2020-08-13 09:16:36 +02:00 committed by GitHub
parent f073aebe53
commit e3d6ce132e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 10 additions and 28 deletions

View File

@ -46,7 +46,7 @@ function Inputs({
) : ( ) : (
<Error inputError={inputError} name={name} type="text" validations={validations}> <Error inputError={inputError} name={name} type="text" validations={validations}>
{({ canCheck, error, dispatch }) => { {({ canCheck, error, dispatch }) => {
const hasError = error && error !== null; const hasError = Boolean(error);
const handleChange = e => { const handleChange = e => {
if (!canCheck) { if (!canCheck) {

View File

@ -44,20 +44,13 @@ class InputJSONWithErrors extends React.Component {
const handleBlur = isFunction(onBlur) ? onBlur : this.handleBlur; const handleBlur = isFunction(onBlur) ? onBlur : this.handleBlur;
return ( return (
<Error <Error inputError={inputError} name={name} type="text" validations={validations}>
inputError={inputError}
name={name}
type="text"
validations={validations}
>
{({ canCheck, onBlur, error, dispatch }) => { {({ canCheck, onBlur, error, dispatch }) => {
const hasError = error && error !== null; const hasError = Boolean(error);
return ( return (
<Wrapper <Wrapper
className={`${cn(!isEmpty(className) && className)} ${ className={`${cn(!isEmpty(className) && className)} ${hasError ? 'bordered' : ''}`}
hasError ? 'bordered' : ''
}`}
> >
<Label htmlFor={name}>{label}</Label> <Label htmlFor={name}>{label}</Label>
<InputJSON <InputJSON
@ -87,9 +80,7 @@ class InputJSONWithErrors extends React.Component {
tabIndex={tabIndex} tabIndex={tabIndex}
value={value} value={value}
/> />
{!hasError && inputDescription && ( {!hasError && inputDescription && <Description>{inputDescription}</Description>}
<Description>{inputDescription}</Description>
)}
{hasError && <ErrorMessage>{error}</ErrorMessage>} {hasError && <ErrorMessage>{error}</ErrorMessage>}
</Wrapper> </Wrapper>
); );

View File

@ -203,7 +203,7 @@ const InputUID = ({
validations={{ ...validations, regex: UID_REGEX }} validations={{ ...validations, regex: UID_REGEX }}
> >
{({ canCheck, onBlur, error, dispatch }) => { {({ canCheck, onBlur, error, dispatch }) => {
const hasError = error && error !== null; const hasError = Boolean(error);
return ( return (
<Wrapper ref={wrapperRef}> <Wrapper ref={wrapperRef}>

View File

@ -41,20 +41,13 @@ class WysiwygWithErrors extends React.Component {
} = this.props; } = this.props;
return ( return (
<Error <Error inputError={inputError} name={name} type="text" validations={validations}>
inputError={inputError}
name={name}
type="text"
validations={validations}
>
{({ canCheck, onBlur, error, dispatch }) => { {({ canCheck, onBlur, error, dispatch }) => {
const hasError = error && error !== null; const hasError = Boolean(error);
return ( return (
<Wrapper <Wrapper
className={`${cn(!isEmpty(className) && className)} ${ className={`${cn(!isEmpty(className) && className)} ${hasError ? 'bordered' : ''}`}
hasError ? 'bordered' : ''
}`}
style={style} style={style}
> >
<Label htmlFor={name}>{label}</Label> <Label htmlFor={name}>{label}</Label>
@ -86,9 +79,7 @@ class WysiwygWithErrors extends React.Component {
tabIndex={tabIndex} tabIndex={tabIndex}
value={value} value={value}
/> />
{!hasError && inputDescription && ( {!hasError && inputDescription && <Description>{inputDescription}</Description>}
<Description>{inputDescription}</Description>
)}
{hasError && <ErrorMessage>{error}</ErrorMessage>} {hasError && <ErrorMessage>{error}</ErrorMessage>}
</Wrapper> </Wrapper>
); );