h3n3/cadhub
1
0
Fork 0
Code Issues 35 Pull Requests Packages Projects Releases Wiki Activity

found a solution for the menu items not rendering within HeadlessUI docs

Browse Source
This commit is contained in:
Frank Johnson
2021-09-07 21:51:47 -04:00
parent c95bfc400b
commit 70cbe9d11e
2 changed files with 3 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/web/src/components/EditorMenu/AllShortcutsModal.tsx
View File

@@ -18,22 +18,8 @@ const AllShortcutsModal = () => {
const classes = useStyles() const classes = useStyles()
const [open, setOpen] = useState(false) const [open, setOpen] = useState(false)
useHotkeys(SHORTCUT, () => setOpen(!open), [open]) useHotkeys(SHORTCUT, () => setOpen(!open), [open])
const { state, thunkDispatch } = useIdeContext()
return (<> return (<>
<div className="hidden">
<Menu>
{ editorMenuConfig.filter(menu => menu.items.length).map(menu =>
menu.items.map(item => (
<item.component
state={state}
thunkDispatch={thunkDispatch}
config={item}
key={menu.label +"-"+ item.label } />
))
)}
</Menu>
</div>
<Dialog open={open} onClose={() => setOpen(false)} className={classes.root}> <Dialog open={open} onClose={() => setOpen(false)} className={classes.root}>
<div className="bg-ch-gray-700 font-fira-sans max-w-7xl rounded shadow-lg text-ch-gray-300 p-4"> <div className="bg-ch-gray-700 font-fira-sans max-w-7xl rounded shadow-lg text-ch-gray-300 p-4">
<h2 className="text-2xl mb-4">All Shortcuts</h2> <h2 className="text-2xl mb-4">All Shortcuts</h2>

4
app/web/src/components/EditorMenu/Dropdowns.tsx
View File

@@ -35,12 +35,14 @@ export function Dropdown({
return ( return (
<div className="relative"> <div className="relative">
<Menu> <Menu>
{({ open }) => (<>
<Menu.Button className={"text-gray-100" + (disabled ? " text-gray-400 cursor-not-allowed" : "")} disabled={disabled}>{label}</Menu.Button> <Menu.Button className={"text-gray-100" + (disabled ? " text-gray-400 cursor-not-allowed" : "")} disabled={disabled}>{label}</Menu.Button>
{ children && { children &&
<Menu.Items className="absolute flex flex-col mt-4 bg-ch-gray-760 rounded text-gray-100 overflow-hidden whitespace-nowrap border border-ch-gray-700"> <Menu.Items static className={(open ? "" : "hidden ") + "absolute flex flex-col mt-4 bg-ch-gray-760 rounded text-gray-100 overflow-hidden whitespace-nowrap border border-ch-gray-700"}>
{children} {children}
</Menu.Items> </Menu.Items>
} }
</>)}
</Menu> </Menu>
</div> </div>
) )