forked from github/plane
0165abab3e
* chore: events naming convention changed * chore: track element added for project related events * chore: track element added for cycle related events * chore: track element added for module related events * chore: issue related events updated * refactor: event tracker store * refactor: event-tracker store * fix: posthog changes --------- Co-authored-by: sriram veeraghanta <veeraghanta.sriram@gmail.com>
89 lines
2.6 KiB
TypeScript
89 lines
2.6 KiB
TypeScript
import { Command } from "cmdk";
|
|
import { ContrastIcon, FileText } from "lucide-react";
|
|
// hooks
|
|
import { useApplication, useEventTracker } from "hooks/store";
|
|
// ui
|
|
import { DiceIcon, PhotoFilterIcon } from "@plane/ui";
|
|
|
|
type Props = {
|
|
closePalette: () => void;
|
|
};
|
|
|
|
export const CommandPaletteProjectActions: React.FC<Props> = (props) => {
|
|
const { closePalette } = props;
|
|
|
|
const {
|
|
commandPalette: { toggleCreateCycleModal, toggleCreateModuleModal, toggleCreatePageModal, toggleCreateViewModal },
|
|
} = useApplication();
|
|
const { setTrackElement } = useEventTracker();
|
|
|
|
return (
|
|
<>
|
|
<Command.Group heading="Cycle">
|
|
<Command.Item
|
|
onSelect={() => {
|
|
closePalette();
|
|
setTrackElement("Command palette");
|
|
toggleCreateCycleModal(true);
|
|
}}
|
|
className="focus:outline-none"
|
|
>
|
|
<div className="flex items-center gap-2 text-custom-text-200">
|
|
<ContrastIcon className="h-3.5 w-3.5" />
|
|
Create new cycle
|
|
</div>
|
|
<kbd>Q</kbd>
|
|
</Command.Item>
|
|
</Command.Group>
|
|
<Command.Group heading="Module">
|
|
<Command.Item
|
|
onSelect={() => {
|
|
closePalette();
|
|
setTrackElement("Command palette");
|
|
toggleCreateModuleModal(true);
|
|
}}
|
|
className="focus:outline-none"
|
|
>
|
|
<div className="flex items-center gap-2 text-custom-text-200">
|
|
<DiceIcon className="h-3.5 w-3.5" />
|
|
Create new module
|
|
</div>
|
|
<kbd>M</kbd>
|
|
</Command.Item>
|
|
</Command.Group>
|
|
<Command.Group heading="View">
|
|
<Command.Item
|
|
onSelect={() => {
|
|
closePalette();
|
|
setTrackElement("Command palette");
|
|
toggleCreateViewModal(true);
|
|
}}
|
|
className="focus:outline-none"
|
|
>
|
|
<div className="flex items-center gap-2 text-custom-text-200">
|
|
<PhotoFilterIcon className="h-3.5 w-3.5" />
|
|
Create new view
|
|
</div>
|
|
<kbd>V</kbd>
|
|
</Command.Item>
|
|
</Command.Group>
|
|
<Command.Group heading="Page">
|
|
<Command.Item
|
|
onSelect={() => {
|
|
closePalette();
|
|
setTrackElement("Command palette");
|
|
toggleCreatePageModal(true);
|
|
}}
|
|
className="focus:outline-none"
|
|
>
|
|
<div className="flex items-center gap-2 text-custom-text-200">
|
|
<FileText className="h-3.5 w-3.5" />
|
|
Create new page
|
|
</div>
|
|
<kbd>D</kbd>
|
|
</Command.Item>
|
|
</Command.Group>
|
|
</>
|
|
);
|
|
};
|