ITQC/pydase
24
0
Fork 0
mirror of https://github.com/tiqi-group/pydase.git synced 2025-04-25 02:20:02 +02:00
Code Issues Packages Projects Releases Wiki Activity

frontend: updating ButtonComponent id

Browse Source
This commit is contained in:
Mose Müller 2023-08-02 12:06:20 +02:00
parent ac7266d7eb
commit 44639222bf
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/ButtonComponent.tsx
View File

@ -17,7 +17,7 @@ export const ButtonComponent = React.memo((props: ButtonComponentProps) => {
useEffect(() => {
renderCount.current++;
});
const { name, parent_path: fullname, value, readOnly, docString, mapping } = props;
const { name, parent_path, value, readOnly, docString, mapping } = props;
const buttonName = mapping ? (value ? mapping[0] : mapping[1]) : name;
@ -26,20 +26,20 @@ export const ButtonComponent = React.memo((props: ButtonComponentProps) => {
const setChecked = (checked: boolean) => {
socket.emit('frontend_update', {
name: name,
fullname: fullname,
parent_path: parent_path,
value: checked
});
};
return (
<div className={'component boolean'} id={fullname}>
<div className={'component boolean'} id={parent_path.concat('.' + name)}>
<p>Render count: {renderCount.current}</p>
<ToggleButton
id="toggle-check"
type="checkbox"
variant={value ? 'success' : 'secondary'}
checked={value}
value={fullname}
value={parent_path}
disabled={readOnly}
onChange={(e) => setChecked(e.currentTarget.checked)}>
<p>{buttonName}</p>