forked from github/plane
52 lines
1.4 KiB
TypeScript
52 lines
1.4 KiB
TypeScript
import { Command } from "cmdk";
|
|
// hooks
|
|
import Link from "next/link";
|
|
import { useRouter } from "next/router";
|
|
// constants
|
|
import { EUserWorkspaceRoles, WORKSPACE_SETTINGS_LINKS } from "@/constants/workspace";
|
|
import { useUser } from "@/hooks/store";
|
|
|
|
type Props = {
|
|
closePalette: () => void;
|
|
};
|
|
|
|
export const CommandPaletteWorkspaceSettingsActions: React.FC<Props> = (props) => {
|
|
const { closePalette } = props;
|
|
// router
|
|
const router = useRouter();
|
|
const { workspaceSlug } = router.query;
|
|
// mobx store
|
|
const {
|
|
membership: { currentWorkspaceRole },
|
|
} = useUser();
|
|
// derived values
|
|
const workspaceMemberInfo = currentWorkspaceRole || EUserWorkspaceRoles.GUEST;
|
|
|
|
const redirect = (path: string) => {
|
|
closePalette();
|
|
router.push(path);
|
|
};
|
|
|
|
return (
|
|
<>
|
|
{WORKSPACE_SETTINGS_LINKS.map(
|
|
(setting) =>
|
|
workspaceMemberInfo >= setting.access && (
|
|
<Command.Item
|
|
key={setting.key}
|
|
onSelect={() => redirect(`/${workspaceSlug}${setting.href}`)}
|
|
className="focus:outline-none"
|
|
>
|
|
<Link href={`/${workspaceSlug}${setting.href}`}>
|
|
<div className="flex items-center gap-2 text-custom-text-200">
|
|
<setting.Icon className="h-4 w-4 text-custom-text-200" />
|
|
{setting.label}
|
|
</div>
|
|
</Link>
|
|
</Command.Item>
|
|
)
|
|
)}
|
|
</>
|
|
);
|
|
};
|