diff options
Diffstat (limited to 'src/Toolbar.tsx')
| -rw-r--r-- | src/Toolbar.tsx | 30 |
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> - ); -}; |
