summaryrefslogtreecommitdiff
path: root/src/Toolbar.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/Toolbar.tsx')
-rw-r--r--src/Toolbar.tsx30
1 files changed, 0 insertions, 30 deletions
diff --git a/src/Toolbar.tsx b/src/Toolbar.tsx
deleted file mode 100644
index 32f53ab..0000000
--- a/src/Toolbar.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { useId } from 'preact/hooks';
-import { NodeInfo } from './node.tsx';
-import './Toolbar.css';
-
-export interface ToolbarProps {
- nodes: Record<string, NodeInfo>;
- onNodeAdded?: (NodeInfo) => void;
-}
-
-export const Toolbar = ({ nodes, onNodeAdded = _ => {} }: ToolbarProps) => {
- const id = useId();
- return (
- <div class="__Toolbar">
- <menu>
- <li><button>Edit</button></li>
- <li><button>Select</button></li>
- <li>
- <menu id={id} class="addMenu" popover="auto">
- {Object.entries(nodes).map(([name, node]) => (
- <li><button onClick={() => onNodeAdded(node)}>{name}</button></li>
- ))}
- </menu>
- <button popoverTarget={id}>Add</button>
- </li>
- </menu>
- <h1>Sample Project</h1>
- <div></div>
- </div>
- );
-};