diff options
| author | Sam Nystrom <sam@samnystrom.dev> | 2024-03-13 18:01:48 +0000 |
|---|---|---|
| committer | Sam Nystrom <sam@samnystrom.dev> | 2024-03-13 20:17:07 -0400 |
| commit | 9eb1625ec5de3c221ed0445dde874fcb1dc3ff48 (patch) | |
| tree | fe2d2cb383813ca3511af68065257b6ea561afe8 /src/Toolbar.tsx | |
| parent | 13451b7588aa5800f0c1a87e7c3b49830d9e4087 (diff) | |
feat: add menu components
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> - ); -}; |
