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

rm sum shit

Browse Source
This commit is contained in:
1ilit 2023-09-19 15:49:40 +03:00
parent d2515a0bcb
commit b73ba02240
2 changed files with 30 additions and 145 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

138
src/components/control_panel.jsx
View File

@ -395,6 +395,9 @@ export default function ControlPanel(props) {
},
};
const invertLayout = (component) =>
setLayout((prev) => ({ ...prev, [component]: !prev[component] }));
const diagramIsEmpty = () => {
return (
tables.length === 0 &&
@ -581,9 +584,7 @@ export default function ControlPanel(props) {
</button>
</div>
<button
onClick={(e) =>
setLayout((prev) => ({ ...prev, header: !prev.header }))
}
onClick={() => invertLayout("header")}
className="flex items-center"
>
{layout.header ? <IconChevronUp /> : <IconChevronDown />}
@ -905,52 +906,21 @@ export default function ControlPanel(props) {
<div className="px-2"></div>
)
}
onClick={() =>
setLayout((prev) => ({
...prev,
header: !prev.header,
}))
}
onClick={() => invertLayout("header")}
>
Header
</Dropdown.Item>
<Dropdown
position={"rightTop"}
render={
<Dropdown.Menu>
<Dropdown.Item
icon={
layout.tables ? (
layout.sidebar ? (
<IconCheckboxTick />
) : (
<div className="px-2"></div>
)
}
onClick={() =>
setLayout((prev) => ({
...prev,
tables: !prev.tables,
}))
}
onClick={() => invertLayout("sidebar")}
>
Tables
</Dropdown.Item>
<Dropdown.Item
icon={
layout.relationships ? (
<IconCheckboxTick />
) : (
<div className="px-2"></div>
)
}
onClick={() =>
setLayout((prev) => ({
...prev,
relationships: !prev.relationships,
}))
}
>
Relationships
Sidebar
</Dropdown.Item>
<Dropdown.Item
icon={
@ -960,87 +930,11 @@ export default function ControlPanel(props) {
<div className="px-2"></div>
)
}
onClick={() =>
setLayout((prev) => ({
...prev,
issues: !prev.issues,
}))
}
onClick={() => invertLayout("issues")}
>
Issues
</Dropdown.Item>
<Dropdown.Item
icon={
layout.areas ? (
<IconCheckboxTick />
) : (
<div className="px-2"></div>
)
}
onClick={() =>
setLayout((prev) => ({
...prev,
areas: !prev.areas,
}))
}
>
Subject areas
</Dropdown.Item>
<Dropdown.Item
icon={
layout.editor ? (
<IconCheckboxTick />
) : (
<div className="px-2"></div>
)
}
onClick={() =>
setLayout((prev) => ({
...prev,
editor: !prev.editor,
}))
}
>
Editor
</Dropdown.Item>
<Dropdown.Item
icon={
layout.notes ? (
<IconCheckboxTick />
) : (
<div className="px-2"></div>
)
}
onClick={() =>
setLayout((prev) => ({
...prev,
notes: !prev.notes,
}))
}
>
Notes
</Dropdown.Item>
</Dropdown.Menu>
}
>
<Dropdown.Item
icon={
layout.sidebar ? (
<IconCheckboxTick />
) : (
<div className="px-2"></div>
)
}
onClick={() =>
setLayout((prev) => ({
...prev,
sidebar: !prev.sidebar,
}))
}
>
Sidebar
</Dropdown.Item>
</Dropdown>
<Dropdown.Item
icon={
layout.services ? (
@ -1049,12 +943,7 @@ export default function ControlPanel(props) {
<div className="px-2"></div>
)
}
onClick={() =>
setLayout((prev) => ({
...prev,
services: !prev.services,
}))
}
onClick={() => invertLayout("services")}
>
Services
</Dropdown.Item>
@ -1073,10 +962,7 @@ export default function ControlPanel(props) {
} else {
enterFullscreen();
}
setLayout((prev) => ({
...prev,
fullscreen: !prev.fullscreen,
}));
invertLayout("fullscreen");
}}
>
Fullscreen

1
src/components/editor_panel.jsx
View File

@ -27,7 +27,6 @@ const myTheme = createTheme({
});
const EditorPanel = (props) => {
// const map = useRef(new Map());
const { tab, setTab } = useContext(TabContext);
const { layout } = useContext(LayoutContext);