ITQC/pydase
9
0
Fork 0
mirror of https://github.com/tiqi-group/pydase.git synced 2026-02-14 22:38:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

updates frontend components to use new methods from socket.ts

Browse Source
This commit is contained in:
Mose Müller
2023-11-09 13:52:23 +01:00
parent a750644c20
commit d18be54284
8 changed files with 27 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,6 @@
import React, { useEffect, useRef, useState } from 'react';
import { Form, InputGroup } from 'react-bootstrap';
import { emit_update } from '../socket';
import { setAttribute } from '../socket';
import { DocStringComponent } from './DocStringComponent';
import '../App.css';
import { getIdFromFullAccessPath } from '../utils/stringUtils';
@@ -41,19 +41,19 @@ export const StringComponent = React.memo((props: StringComponentProps) => {
const handleChange = (event) => {
setInputString(event.target.value);
if (isInstantUpdate) {
emit_update(name, parentPath, event.target.value);
setAttribute(name, parentPath, event.target.value);
}
};
const handleKeyDown = (event) => {
if (event.key === 'Enter' && !isInstantUpdate) {
emit_update(name, parentPath, inputString);
setAttribute(name, parentPath, inputString);
}
};
const handleBlur = () => {
if (!isInstantUpdate) {
emit_update(name, parentPath, inputString);
setAttribute(name, parentPath, inputString);
}
};