drawdb-io/drawdb
1
0
Fork 0
mirror of https://github.com/drawdb-io/drawdb.git synced 2025-09-22 07:54:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove tab context

Browse Source
This commit is contained in:
1ilit
2024-03-13 20:39:16 +02:00
parent 24eecdc39b
commit 40ef1b057e
9 changed files with 212 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/Area.jsx
View File

@@ -13,7 +13,7 @@ import {
defaultTableTheme,
State,
} from "../data/data";
import { StateContext, TabContext } from "../pages/Editor";
import { StateContext } from "../pages/Editor";
import useLayout from "../hooks/useLayout";
import useSettings from "../hooks/useSettings";
import useUndoRedo from "../hooks/useUndoRedo";
@@ -26,7 +26,6 @@ export default function Area(props) {
const { setState } = useContext(StateContext);
const { layout } = useLayout();
const { settings } = useSettings();
const { tab, setTab } = useContext(TabContext);
const { updateArea, deleteArea } = useAreas();
const { setUndoStack, setRedoStack } = useUndoRedo();
const { selectedElement, setSelectedElement } = useSelect();
@@ -79,20 +78,27 @@ export default function Area(props) {
{(hovered ||
(selectedElement.element === ObjectType.AREA &&
selectedElement.id === props.areaData.id &&
selectedElement.openDialogue &&
selectedElement.open &&
!layout.sidebar)) && (
<div className="absolute top-2 right-3">
<Popover
visible={
selectedElement.element === ObjectType.AREA &&
selectedElement.id === props.areaData.id &&
selectedElement.openDialogue &&
selectedElement.open &&
!layout.sidebar
}
onClickOutSide={() => {
if (selectedElement.editFromToolbar) {
setSelectedElement((prev) => ({
...prev,
editFromToolbar: false,
}));
return;
}
setSelectedElement((prev) => ({
...prev,
openDialogue: false,
open: false,
}));
setState(State.SAVING);
}}
@@ -261,18 +267,25 @@ export default function Area(props) {
}}
onClick={() => {
if (layout.sidebar) {
setTab(Tab.subject_areas);
if (tab !== Tab.subject_areas) return;
setSelectedElement((prev) => ({
...prev,
element: ObjectType.AREA,
id: props.areaData.id,
currentTab: Tab.subject_areas,
open: true,
}));
if (selectedElement.currentTab !== Tab.subject_areas)
return;
document
.getElementById(`scroll_area_${props.areaData.id}`)
.scrollIntoView({ behavior: "smooth" });
} else {
setSelectedElement({
setSelectedElement((prev) => ({
...prev,
element: ObjectType.AREA,
id: props.areaData.id,
openDialogue: true,
openCollapse: false,
});
open: true,
}));
}
}}
></Button>