andry/EMS-ESP32
1
0
Fork 0
mirror of https://github.com/emsesp/EMS-ESP32.git synced 2025-12-06 07:49:52 +03:00
Code Issues Packages Projects Releases Wiki Activity

formatting

Browse Source
This commit is contained in:
proddy
2025-11-15 14:21:35 +01:00
parent f9d2b18959
commit d2a8fbaf1e
1 changed files with 24 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
interface/src/utils/binding.ts
View File

@@ -46,15 +46,15 @@ type UpdateEntity<S> = (state: (prevState: Readonly<S>) => S) => void;
*/ */
export const updateValue = export const updateValue =
<S extends Record<string, unknown>>(updateEntity: UpdateEntity<S>) => <S extends Record<string, unknown>>(updateEntity: UpdateEntity<S>) =>
(event: React.ChangeEvent<HTMLInputElement>): void => { (event: React.ChangeEvent<HTMLInputElement>): void => {
const { name } = event.target; const { name } = event.target;
const value = extractEventValue(event); const value = extractEventValue(event);
updateEntity((prevState) => ({ updateEntity((prevState) => ({
...prevState, ...prevState,
[name]: value [name]: value
})); }));
}; };
/** /**
* Creates an event handler that tracks dirty flags for modified fields. * Creates an event handler that tracks dirty flags for modified fields.
@@ -67,22 +67,22 @@ export const updateValueDirty =
setDirtyFlags: React.Dispatch<React.SetStateAction<string[]>>, setDirtyFlags: React.Dispatch<React.SetStateAction<string[]>>,
updateDataValue: (updater: (prevState: T) => T) => void updateDataValue: (updater: (prevState: T) => T) => void
) => ) =>
(event: React.ChangeEvent<HTMLInputElement>): void => { (event: React.ChangeEvent<HTMLInputElement>): void => {
const { name } = event.target; const { name } = event.target;
const updatedValue = extractEventValue(event); const updatedValue = extractEventValue(event);
updateDataValue((prevState) => ({ updateDataValue((prevState) => ({
...prevState, ...prevState,
[name]: updatedValue [name]: updatedValue
})); }));
const isDirty = origData[name] !== updatedValue; const isDirty = origData[name] !== updatedValue;
const wasDirty = dirtyFlags.includes(name); const wasDirty = dirtyFlags.includes(name);
// Only update dirty flags if the state changed // Only update dirty flags if the state changed
if (isDirty !== wasDirty) { if (isDirty !== wasDirty) {
setDirtyFlags( setDirtyFlags(
isDirty ? [...dirtyFlags, name] : dirtyFlags.filter((f) => f !== name) isDirty ? [...dirtyFlags, name] : dirtyFlags.filter((f) => f !== name)
); );
} }
}; };