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

50
src/components/table_overview.jsx
View File

@ -721,9 +721,21 @@ export default function TableOverview(props) {
<Button <Button
type="tertiary" type="tertiary"
size="small" size="small"
onClick={() => onClick={() => {
updateTable(i, { color: defaultTableTheme }) 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 Clear
</Button> </Button>
@ -738,7 +750,21 @@ export default function TableOverview(props) {
key={c} key={c}
style={{ backgroundColor: c }} style={{ backgroundColor: c }}
className="p-3 rounded-full mx-1" 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 ? ( {t.color === c ? (
<IconCheckboxTick <IconCheckboxTick
@ -758,7 +784,21 @@ export default function TableOverview(props) {
key={c} key={c}
style={{ backgroundColor: c }} style={{ backgroundColor: c }}
className="p-3 rounded-full mx-1" 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 <IconCheckboxTick
style={{ style={{