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

frontend: using MethodComponent and AsyncMethodComponent

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

42
frontend/src/App.tsx
View File

@ -1,10 +1,11 @@
import { useEffect, useReducer } from 'react';
import { Component, ComponentLabel } from './components/component';
import { ButtonComponent } from './components/ButtonComponent';
import { NumberComponent } from './components/NumberComponent';
import { SliderComponent } from './components/SliderComponent';
import { EnumComponent } from './components/EnumComponent';
import { socket } from './socket';
import { MethodComponent } from './components/MethodComponent';
import { AsyncMethodComponent } from './components/AsyncMethodComponent';
type AttributeType =
| 'str'
@ -183,20 +184,31 @@ const App = () => {
/>
</div>
);
} else if (!value.async) {
return (
<div key={key}>
<ComponentLabel name={key} docString={value.doc} />
<Component
name={key}
parent_path="DataService"
value={value.value}
readOnly={value.readonly}
type={value.type}
docString={value.doc}
/>
</div>
);
} else if (value.type === 'method') {
if (!value.async) {
return (
<div key={key}>
<MethodComponent
name={key}
parent_path="DataService"
docString={value.doc}
parameters={value.parameters}
/>
</div>
);
} else {
return (
<div key={key}>
<AsyncMethodComponent
name={key}
parent_path="DataService"
docString={value.doc}
parameters={value.parameters}
value={value.value as Record<string, string>}
/>
</div>
);
}
} else {
return <div key={key}></div>;
}