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

updates frontend reducer to accept new sio_callback event data

Browse Source
This commit is contained in:
Mose Müller 2023-12-05 10:49:33 +01:00
parent 52d571e551
commit aab2b4ee77
2 changed files with 8 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/App.tsx
View File

@ -18,12 +18,11 @@ type Action =
| { type: 'SET_DATA'; data: State }
| {
type: 'UPDATE_ATTRIBUTE';
parentPath: string;
name: string;
value: SerializedValue;
fullAccessPath: string;
newValue: SerializedValue;
};
type UpdateMessage = {
data: { parent_path: string; name: string; value: SerializedValue };
data: { full_access_path: string; value: SerializedValue };
};
type LogMessage = {
levelname: LevelName;
@ -35,10 +34,7 @@ const reducer = (state: State, action: Action): State => {
case 'SET_DATA':
return action.data;
case 'UPDATE_ATTRIBUTE': {
const pathList = action.parentPath.split('.').slice(1).concat(action.name);
const joinedPath = pathList.join('.');
return setNestedValueByPath(state, joinedPath, action.value);
return setNestedValueByPath(state, action.fullAccessPath, action.newValue);
}
default:
throw new Error();
@ -129,14 +125,13 @@ const App = () => {
function onNotify(value: UpdateMessage) {
// Extracting data from the notification
const { parent_path: parentPath, name, value: newValue } = value.data;
const { full_access_path: fullAccessPath, value: newValue } = value.data;
// Dispatching the update to the reducer
dispatch({
type: 'UPDATE_ATTRIBUTE',
parentPath,
name,
value: newValue
fullAccessPath,
newValue
});
}

2
frontend/src/components/NumberComponent.tsx
View File

@ -123,7 +123,7 @@ export const NumberComponent = React.memo((props: NumberComponentProps) => {
// Whether to show the name infront of the component (false if used with a slider)
const showName = props.showName !== undefined ? props.showName : true;
// If emitUpdate is passed, use this instead of the emit_update from the socket
// If emitUpdate is passed, use this instead of the setAttribute from the socket
// Also used when used with a slider
const emitUpdate =
props.customEmitUpdate !== undefined ? props.customEmitUpdate : setAttribute;