mirror of
https://github.com/ToolJet/ToolJet
synced 2026-05-24 09:28:31 +00:00
Bug fixed :[ Checkbox widget ] label is not consistent with the dark theme (#3903)
* Bug fixed : label is not consistent with the dark theme * removed console statement
This commit is contained in:
parent
bfe0fe9cad
commit
59fb778287
1 changed files with 3 additions and 1 deletions
|
|
@ -7,12 +7,14 @@ export const Checkbox = function Checkbox({
|
||||||
fireEvent,
|
fireEvent,
|
||||||
setExposedVariable,
|
setExposedVariable,
|
||||||
registerAction,
|
registerAction,
|
||||||
|
darkMode,
|
||||||
}) {
|
}) {
|
||||||
const defaultValueFromProperties = properties.defaultValue ?? false;
|
const defaultValueFromProperties = properties.defaultValue ?? false;
|
||||||
const [defaultValue, setDefaultvalue] = React.useState(defaultValueFromProperties);
|
const [defaultValue, setDefaultvalue] = React.useState(defaultValueFromProperties);
|
||||||
const [checked, setChecked] = React.useState(defaultValueFromProperties);
|
const [checked, setChecked] = React.useState(defaultValueFromProperties);
|
||||||
const { label } = properties;
|
const { label } = properties;
|
||||||
const { visibility, disabledState, checkboxColor, textColor } = styles;
|
const { visibility, disabledState, checkboxColor } = styles;
|
||||||
|
const textColor = darkMode && styles.textColor === '#000' ? '#fff' : styles.textColor;
|
||||||
|
|
||||||
function toggleValue(e) {
|
function toggleValue(e) {
|
||||||
const isChecked = e.target.checked;
|
const isChecked = e.target.checked;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue