Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-05 22:38:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Display validation error outside dropdown component (#1618)

Browse source
This commit is contained in:
Sherfin Shamsudeen 2021-12-21 20:28:18 +05:30 committed by GitHub
parent 4f73a34365
commit 96eb7a4c45
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
frontend/src/Editor/Components/DropDown.jsx
View file

@ -42,27 +42,29 @@ export const DropDown = function DropDown({ height, validate, properties, styles
}, [JSON.stringify(values)]);
return (
<div className="dropdown-widget row g-0" style={{ height, display: visibility ? '' : 'none' }}>
<div className="col-auto my-auto">
<label style={{ marginRight: label !== '' ? '1rem' : '0.001rem' }} className="form-label py-1">
{label}
</label>
</div>
<div className="col px-0 h-100">
<SelectSearch
disabled={disabledState}
options={selectOptions}
value={currentValue}
search={true}
onChange={(newVal) => {
setCurrentValue(newVal);
setExposedVariable('value', newVal).then(() => fireEvent('onSelect'));
}}
filterOptions={fuzzySearch}
placeholder="Select.."
/>
<>
<div className="dropdown-widget row g-0" style={{ height, display: visibility ? '' : 'none' }}>
<div className="col-auto my-auto">
<label style={{ marginRight: label !== '' ? '1rem' : '0.001rem' }} className="form-label py-1">
{label}
</label>
</div>
<div className="col px-0 h-100">
<SelectSearch
disabled={disabledState}
options={selectOptions}
value={currentValue}
search={true}
onChange={(newVal) => {
setCurrentValue(newVal);
setExposedVariable('value', newVal).then(() => fireEvent('onSelect'));
}}
filterOptions={fuzzySearch}
placeholder="Select.."
/>
</div>
</div>
<div className={`invalid-feedback ${isValid ? '' : 'd-flex'}`}>{validationError}</div>
</div>
</>
);
};