QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-18 13:20:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix for dot menu

Browse Source
This commit is contained in:
Tim Chamberlain
2023-07-07 14:43:54 -05:00
parent 5686b606d8
commit 840b870e94
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/CommandMenu.tsx
View File

@ -30,7 +30,6 @@ import Button from "@mui/material/Button";
import Dialog from "@mui/material/Dialog";
import DialogActions from "@mui/material/DialogActions";
import DialogContent from "@mui/material/DialogContent";
import DialogContentText from "@mui/material/DialogContentText";
import DialogTitle from "@mui/material/DialogTitle";
import Grid from "@mui/material/Grid";
import Icon from "@mui/material/Icon";
@ -84,7 +83,7 @@ const CommandMenu = ({metaData}: Props) =>
if (e.key === "." && !keyboardHelpOpen)
{
e.preventDefault();
setDotMenuOpen(!dotMenuOpen);
setDotMenuOpen(true);
}
else if (e.key === "?" && !dotMenuOpen)
{
@ -312,15 +311,20 @@ const CommandMenu = ({metaData}: Props) =>
setKeyboardHelpOpen(false);
}
function closeDotMenu()
{
setDotMenuOpen(false);
}
return (
<React.Fragment>
<Box ref={containerElement} className="raycast" sx={{position: "relative", zIndex: 10_000}}>
{
dotMenuOpen && <Dialog open={dotMenuOpen}>
<Dialog open={dotMenuOpen} onClose={closeDotMenu}>
<Command.Dialog open={dotMenuOpen} onOpenChange={setDotMenuOpen} container={containerElement.current} label="Test Global Command Menu">
<Box sx={{display: "flex"}}>
<Command.Input placeholder="Search for Tables, Actions, or Recently Viewed Items..."/>
<Button onClick={() => setDotMenuOpen(false)}><Icon>close</Icon></Button>
<Button onClick={closeDotMenu}><Icon>close</Icon></Button>
</Box>
<Command.Loading />
<Command.Separator />