drawdb-io/drawdb
1
0
Fork 0
mirror of https://github.com/drawdb-io/drawdb.git synced 2026-02-12 02:00:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

functional navbar yey

Browse Source
This commit is contained in:
1ilit
2023-09-19 15:48:25 +03:00
parent c83667be4e
commit ddaeec79ec
4 changed files with 242 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/control_panel.jsx
View File

@@ -42,7 +42,7 @@ export default function ControlPanel() {
render={
<Dropdown.Menu>
{Object.keys(menu[category]).map((item, index) => {
if (menu[category][item].length > 0) {
if (menu[category][item].children.length > 0) {
return (
<Dropdown
style={{ width: "120px" }}
@@ -50,11 +50,17 @@ export default function ControlPanel() {
position={"rightTop"}
render={
<Dropdown.Menu>
{menu[category][item].map((e) => (
<Dropdown.Item key={e}>
<div>{e}</div>
</Dropdown.Item>
))}
{menu[category][item].children.map(
(e, i) => (
<Dropdown.Item key={i}>
<button
onClick={Object.values(e)[0]}
>
{Object.keys(e)[0]}
</button>
</Dropdown.Item>
)
)}
</Dropdown.Menu>
}
>
@@ -65,14 +71,22 @@ export default function ControlPanel() {
alignItems: "center",
}}
>
<div>{item}</div>
<button
onClick={menu[category][item].function}
>
{item}
</button>
<IconChevronRight />
</Dropdown.Item>
</Dropdown>
);
}
return (
<Dropdown.Item key={index}>{item}</Dropdown.Item>
<Dropdown.Item key={index}>
<button onClick={menu[category][item].function}>
{item}
</button>
</Dropdown.Item>
);
})}
</Dropdown.Menu>