aboutsummaryrefslogtreecommitdiff
path: root/components/ui.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'components/ui.tsx')
-rw-r--r--components/ui.tsx20
1 files changed, 3 insertions, 17 deletions
diff --git a/components/ui.tsx b/components/ui.tsx
index 1e9997a..c92ebfe 100644
--- a/components/ui.tsx
+++ b/components/ui.tsx
@@ -122,26 +122,12 @@ export function CheckBox(props: {
id?: string;
onclick?: (state: boolean) => void;
}) {
- var [gotDefaultState, setGotDefaultState] = useState(false);
- var [on, setOn] = useState(props.state);
-
- useEffect(() => {
- if (gotDefaultState) return;
- setOn(props.state);
- if (typeof props.state !== 'undefined') setGotDefaultState(true);
- });
-
- var toggle = () => {
- setOn(!on);
- props.onclick && props.onclick(!on);
- };
-
return <div
- onClick={toggle}
+ onClick={() => props.onclick && props.onclick(!props.state)}
id={props.id}
- className={'checkbox dispinbl ' + (on ? 'on' : 'off')}
+ className={'checkbox dispinbl ' + (props.state ? 'on' : 'off')}
>
- {on
+ {props.state
? <CheckBoxIcon />
: <CheckBoxOutlineBlankIcon />}
</div>;