Merge pull request #105 from tiqi-group/fix/enum_rendering

Fix/enum rendering
This commit is contained in:
Mose Müller 2024-03-04 11:51:31 +01:00 committed by GitHub
commit f29fb87054
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
7 changed files with 13 additions and 10 deletions

View File

@ -53,6 +53,9 @@ export const EnumComponent = React.memo((props: EnumComponentProps) => {
}); });
useEffect(() => { useEffect(() => {
setEnumValue(() => {
return props.value;
});
addNotification(`${fullAccessPath} changed to ${value}.`); addNotification(`${fullAccessPath} changed to ${value}.`);
}, [props.value]); }, [props.value]);
@ -70,7 +73,7 @@ export const EnumComponent = React.memo((props: EnumComponentProps) => {
{readOnly ? ( {readOnly ? (
// Display the Form.Control when readOnly is true // Display the Form.Control when readOnly is true
<Form.Control value={enumValue} name={name} disabled={true} /> <Form.Control value={enumDict[enumValue]} name={name} disabled={true} />
) : ( ) : (
// Display the Form.Select when readOnly is false // Display the Form.Select when readOnly is false
<Form.Select <Form.Select
@ -80,7 +83,7 @@ export const EnumComponent = React.memo((props: EnumComponentProps) => {
onChange={(event) => changeCallback(event.target.value)}> onChange={(event) => changeCallback(event.target.value)}>
{Object.entries(enumDict).map(([key, val]) => ( {Object.entries(enumDict).map(([key, val]) => (
<option key={key} value={key}> <option key={key} value={key}>
{key} - {val} {val}
</option> </option>
))} ))}
</Form.Select> </Form.Select>

View File

@ -1,13 +1,13 @@
{ {
"files": { "files": {
"main.css": "/static/css/main.7ef670d5.css", "main.css": "/static/css/main.7ef670d5.css",
"main.js": "/static/js/main.ce19efa0.js", "main.js": "/static/js/main.6d1d080e.js",
"index.html": "/index.html", "index.html": "/index.html",
"main.7ef670d5.css.map": "/static/css/main.7ef670d5.css.map", "main.7ef670d5.css.map": "/static/css/main.7ef670d5.css.map",
"main.ce19efa0.js.map": "/static/js/main.ce19efa0.js.map" "main.6d1d080e.js.map": "/static/js/main.6d1d080e.js.map"
}, },
"entrypoints": [ "entrypoints": [
"static/css/main.7ef670d5.css", "static/css/main.7ef670d5.css",
"static/js/main.ce19efa0.js" "static/js/main.6d1d080e.js"
] ]
} }

View File

@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site displaying a pydase UI."/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>pydase App</title><script defer="defer" src="/static/js/main.ce19efa0.js"></script><link href="/static/css/main.7ef670d5.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html> <!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site displaying a pydase UI."/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>pydase App</title><script defer="defer" src="/static/js/main.6d1d080e.js"></script><link href="/static/css/main.7ef670d5.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long