ITQC/pydase
24
0
Fork 0
mirror of https://github.com/tiqi-group/pydase.git synced 2025-06-15 16:57:14 +02: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

15
frontend/src/components/MethodComponent.tsx
View File

@ -1,5 +1,5 @@
import React, { useState, useEffect, useRef } from 'react';
import { emit_update } from '../socket';
import { runMethod } from '../socket';
import { Button, InputGroup, Form, Collapse } from 'react-bootstrap';
import { DocStringComponent } from './DocStringComponent';
import { getIdFromFullAccessPath } from '../utils/stringUtils';
@ -46,18 +46,21 @@ export const MethodComponent = React.memo((props: MethodProps) => {
const execute = async (event: React.FormEvent) => {
event.preventDefault();
const args = {};
const kwargs = {};
Object.keys(props.parameters).forEach(
(name) => (args[name] = event.target[name].value)
(name) => (kwargs[name] = event.target[name].value)
);
emit_update(name, parentPath, { args: args }, (ack) => {
runMethod(name, parentPath, kwargs, (ack) => {
// Update the functionCalls state with the new call if we get an acknowledge msg
if (ack !== undefined) {
setFunctionCalls((prevCalls) => [...prevCalls, { name, args, result: ack }]);
setFunctionCalls((prevCalls) => [
...prevCalls,
{ name, args: kwargs, result: ack }
]);
}
});
triggerNotification(args);
triggerNotification(kwargs);
};
const args = Object.entries(props.parameters).map(([name, type], index) => {