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

frontend: upating general component (removing boolean and numbers)

Browse Source
This commit is contained in:
Mose Müller 2023-08-02 12:06:19 +02:00
parent b99f6365ac
commit b8fffb5e8b
1 changed files with 3 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/components/component.tsx
View File

@ -2,6 +2,7 @@ import React, { useEffect, useRef } from 'react';
interface ComponentProps {
name: string;
parent_path: string;
value: any;
readOnly: boolean;
type: string;
@ -19,27 +20,13 @@ export const ComponentLabel = ({
};
export const Component = React.memo(
({ name, value, readOnly, type, docString }: ComponentProps) => {
({ name, parent_path, value, readOnly, type, docString }: ComponentProps) => {
const renderCount = useRef(0);
useEffect(() => {
renderCount.current++;
});
switch (type) {
case 'int':
case 'float':
return (
<>
<p>Render count: {renderCount.current}</p>
<input
type="number"
name={name}
value={value}
readOnly={readOnly}
title={docString}
/>
</>
);
case 'str':
return (
<>
@ -50,19 +37,10 @@ export const Component = React.memo(
value={value}
readOnly={readOnly}
title={docString}
id={parent_path}
/>
</>
);
case 'bool':
return (
<input
type="checkbox"
name={name}
checked={value}
disabled={readOnly}
title={docString}
/>
);
case 'method':
return (
<>