69 lines
2.2 KiB
TypeScript
69 lines
2.2 KiB
TypeScript
"use client";
|
|
|
|
import { FC, useState } from "react";
|
|
import { observer } from "mobx-react";
|
|
import { PenSquare } from "lucide-react";
|
|
// ui
|
|
import { Breadcrumbs, Button, Header } from "@plane/ui";
|
|
// components
|
|
import { BreadcrumbLink, CountChip } from "@/components/common";
|
|
import { CreateUpdateIssueModal } from "@/components/issues";
|
|
// constants
|
|
import { EIssuesStoreType } from "@/constants/issue";
|
|
// hooks
|
|
import { useUserPermissions, useWorkspaceDraftIssues } from "@/hooks/store";
|
|
// plane-web
|
|
import { EUserPermissions, EUserPermissionsLevel } from "@/plane-web/constants/user-permissions";
|
|
|
|
export const WorkspaceDraftHeader: FC = observer(() => {
|
|
// state
|
|
const [isDraftIssueModalOpen, setIsDraftIssueModalOpen] = useState(false);
|
|
// store hooks
|
|
const { allowPermissions } = useUserPermissions();
|
|
const { paginationInfo } = useWorkspaceDraftIssues();
|
|
// check if user is authorized to create draft issue
|
|
const isAuthorizedUser = allowPermissions(
|
|
[EUserPermissions.ADMIN, EUserPermissions.MEMBER],
|
|
EUserPermissionsLevel.WORKSPACE
|
|
);
|
|
|
|
return (
|
|
<>
|
|
<CreateUpdateIssueModal
|
|
isOpen={isDraftIssueModalOpen}
|
|
storeType={EIssuesStoreType.WORKSPACE_DRAFT}
|
|
onClose={() => setIsDraftIssueModalOpen(false)}
|
|
isDraft
|
|
/>
|
|
<Header>
|
|
<Header.LeftItem>
|
|
<div className="flex items-center gap-2.5">
|
|
<Breadcrumbs>
|
|
<Breadcrumbs.BreadcrumbItem
|
|
type="text"
|
|
link={<BreadcrumbLink label={`Draft`} icon={<PenSquare className="h-4 w-4 text-custom-text-300" />} />}
|
|
/>
|
|
</Breadcrumbs>
|
|
{paginationInfo?.total_count && paginationInfo?.total_count > 0 ? (
|
|
<CountChip count={paginationInfo?.total_count} />
|
|
) : (
|
|
<></>
|
|
)}
|
|
</div>
|
|
</Header.LeftItem>
|
|
|
|
<Header.RightItem>
|
|
<Button
|
|
variant="primary"
|
|
size="sm"
|
|
className="items-center gap-1"
|
|
onClick={() => setIsDraftIssueModalOpen(true)}
|
|
disabled={!isAuthorizedUser}
|
|
>
|
|
Draft <span className="hidden sm:inline-block">issue</span>
|
|
</Button>
|
|
</Header.RightItem>
|
|
</Header>
|
|
</>
|
|
);
|
|
});
|