Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-24 09:28:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixes bug that prevented alpha value from being set for color picker (#1814)

Browse source
This commit is contained in:
Muhsin Shah C P 2022-01-20 00:26:47 +05:30 committed by GitHub
parent 21a20bfd78
commit 3a6d4e5b5e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
frontend/src/Editor/Inspector/Elements/Color.jsx
View file

@ -16,6 +16,15 @@ export const Color = ({ param, definition, onChange, paramType, componentMeta })
const paramMeta = componentMeta[paramType][param.name] || {}; const paramMeta = componentMeta[paramType][param.name] || {};
const displayName = paramMeta.displayName || param.name; const displayName = paramMeta.displayName || param.name;
const decimalToHex = (alpha) => {
let aHex = Math.round(255 * alpha).toString(16);
return alpha === 0 ? '00' : aHex.length < 2 ? `0${aHex}` : aHex;
};
const handleColorChange = (color) => {
const hexCode = `${color.hex}${decimalToHex(color?.rgb?.a ?? 1.0)}`;
onChange(param, 'value', hexCode, paramType);
};
return ( return (
<div className="field mb-3"> <div className="field mb-3">
<ToolTip label={displayName} meta={paramMeta} /> <ToolTip label={displayName} meta={paramMeta} />
@ -26,7 +35,7 @@ export const Color = ({ param, definition, onChange, paramType, componentMeta })
<SketchPicker <SketchPicker
onFocus={() => setShowPicker(true)} onFocus={() => setShowPicker(true)}
color={definition.value} color={definition.value}
onChangeComplete={(color) => onChange(param, 'value', color.hex, paramType)} onChangeComplete={handleColorChange}
/> />
</div> </div>
)} )}