titor/drawDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

im thirsty

Browse Source
This commit is contained in:
1ilit 2023-09-19 15:50:12 +03:00
parent bccee804cf
commit 60193c33b8
2 changed files with 53 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/control_panel.jsx
View File

@ -260,6 +260,10 @@ export default function ControlPanel(props) {
return table;
})
);
} else if (a.component === "self") {
setTables((prev) =>
prev.map((t) => (t.id === a.tid ? { ...t, ...a.undo } : t))
);
}
}
setRedoStack((prev) => [...prev, a]);
@ -438,6 +442,10 @@ export default function ControlPanel(props) {
return table;
})
);
} else if (a.component === "self") {
setTables((prev) =>
prev.map((t) => (t.id === a.tid ? { ...t, ...a.redo } : t))
);
}
}
setUndoStack((prev) => [...prev, a]);

50
src/components/table_overview.jsx
View File

@ -721,9 +721,21 @@ export default function TableOverview(props) {
<Button
type="tertiary"
size="small"
onClick={() =>
updateTable(i, { color: defaultTableTheme })
}
onClick={() => {
setUndoStack((prev) => [
...prev,
{
action: Action.EDIT,
element: ObjectType.TABLE,
component: "self",
tid: i,
undo: { color: t.color },
redo: { color: defaultTableTheme },
},
]);
setRedoStack([]);
updateTable(i, { color: defaultTableTheme });
}}
>
Clear
</Button>
@ -738,7 +750,21 @@ export default function TableOverview(props) {
key={c}
style={{ backgroundColor: c }}
className="p-3 rounded-full mx-1"
onClick={() => updateTable(i, { color: c })}
onClick={() => {
setUndoStack((prev) => [
...prev,
{
action: Action.EDIT,
element: ObjectType.TABLE,
component: "self",
tid: i,
undo: { color: t.color },
redo: { color: c },
},
]);
setRedoStack([]);
updateTable(i, { color: c });
}}
>
{t.color === c ? (
<IconCheckboxTick
@ -758,7 +784,21 @@ export default function TableOverview(props) {
key={c}
style={{ backgroundColor: c }}
className="p-3 rounded-full mx-1"
onClick={() => updateTable(i, { color: c })}
onClick={() => {
setUndoStack((prev) => [
...prev,
{
action: Action.EDIT,
element: ObjectType.TABLE,
component: "self",
tid: i,
undo: { color: t.color },
redo: { color: c },
},
]);
setRedoStack([]);
updateTable(i, { color: c });
}}
>
<IconCheckboxTick
style={{