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

174
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 = () => { const diagramIsEmpty = () => {
return ( return (
tables.length === 0 && tables.length === 0 &&
@ -581,9 +584,7 @@ export default function ControlPanel(props) {
</button> </button>
</div> </div>
<button <button
onClick={(e) => onClick={() => invertLayout("header")}
setLayout((prev) => ({ ...prev, header: !prev.header }))
}
className="flex items-center" className="flex items-center"
> >
{layout.header ? <IconChevronUp /> : <IconChevronDown />} {layout.header ? <IconChevronUp /> : <IconChevronDown />}
@ -905,142 +906,35 @@ export default function ControlPanel(props) {
<div className="px-2"></div> <div className="px-2"></div>
) )
} }
onClick={() => onClick={() => invertLayout("header")}
setLayout((prev) => ({
...prev,
header: !prev.header,
}))
}
> >
Header Header
</Dropdown.Item> </Dropdown.Item>
<Dropdown <Dropdown.Item
position={"rightTop"} icon={
render={ layout.sidebar ? (
<Dropdown.Menu> <IconCheckboxTick />
<Dropdown.Item ) : (
icon={ <div className="px-2"></div>
layout.tables ? ( )
<IconCheckboxTick />
) : (
<div className="px-2"></div>
)
}
onClick={() =>
setLayout((prev) => ({
...prev,
tables: !prev.tables,
}))
}
>
Tables
</Dropdown.Item>
<Dropdown.Item
icon={
layout.relationships ? (
<IconCheckboxTick />
) : (
<div className="px-2"></div>
)
}
onClick={() =>
setLayout((prev) => ({
...prev,
relationships: !prev.relationships,
}))
}
>
Relationships
</Dropdown.Item>
<Dropdown.Item
icon={
layout.issues ? (
<IconCheckboxTick />
) : (
<div className="px-2"></div>
)
}
onClick={() =>
setLayout((prev) => ({
...prev,
issues: !prev.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>
} }
onClick={() => invertLayout("sidebar")}
> >
<Dropdown.Item Sidebar
icon={ </Dropdown.Item>
layout.sidebar ? ( <Dropdown.Item
<IconCheckboxTick /> icon={
) : ( layout.issues ? (
<div className="px-2"></div> <IconCheckboxTick />
) ) : (
} <div className="px-2"></div>
onClick={() => )
setLayout((prev) => ({ }
...prev, onClick={() => invertLayout("issues")}
sidebar: !prev.sidebar, >
})) Issues
} </Dropdown.Item>
>
Sidebar
</Dropdown.Item>
</Dropdown>
<Dropdown.Item <Dropdown.Item
icon={ icon={
layout.services ? ( layout.services ? (
@ -1049,12 +943,7 @@ export default function ControlPanel(props) {
<div className="px-2"></div> <div className="px-2"></div>
) )
} }
onClick={() => onClick={() => invertLayout("services")}
setLayout((prev) => ({
...prev,
services: !prev.services,
}))
}
> >
Services Services
</Dropdown.Item> </Dropdown.Item>
@ -1073,10 +962,7 @@ export default function ControlPanel(props) {
} else { } else {
enterFullscreen(); enterFullscreen();
} }
setLayout((prev) => ({ invertLayout("fullscreen");
...prev,
fullscreen: !prev.fullscreen,
}));
}} }}
> >
Fullscreen Fullscreen

1
src/components/editor_panel.jsx
View File

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