forked from github/plane
32d08570e7
* chore: peak overview for issue view and my issue view * fix: profile issue peak overview mutation fix * chore: code refactor * fix: image prefix url fix
65 lines
2.1 KiB
TypeScript
65 lines
2.1 KiB
TypeScript
import { useRouter } from "next/router";
|
|
|
|
// hooks
|
|
import useIssuesView from "hooks/use-issues-view";
|
|
import useUser from "hooks/use-user";
|
|
import useGanttChartCycleIssues from "hooks/gantt-chart/cycle-issues-view";
|
|
import { updateGanttIssue } from "components/gantt-chart/hooks/block-update";
|
|
import useProjectDetails from "hooks/use-project-details";
|
|
// components
|
|
import { GanttChartRoot, renderIssueBlocksStructure } from "components/gantt-chart";
|
|
import { IssueGanttBlock, IssueGanttSidebarBlock, IssuePeekOverview } from "components/issues";
|
|
// types
|
|
import { IIssue } from "types";
|
|
|
|
type Props = {
|
|
disableUserActions: boolean;
|
|
};
|
|
|
|
export const CycleIssuesGanttChartView: React.FC<Props> = ({ disableUserActions }) => {
|
|
const router = useRouter();
|
|
const { workspaceSlug, projectId, cycleId } = router.query;
|
|
|
|
const { displayFilters } = useIssuesView();
|
|
|
|
const { user } = useUser();
|
|
const { projectDetails } = useProjectDetails();
|
|
|
|
const { ganttIssues, mutateGanttIssues } = useGanttChartCycleIssues(
|
|
workspaceSlug as string,
|
|
projectId as string,
|
|
cycleId as string
|
|
);
|
|
|
|
const isAllowed = projectDetails?.member_role === 20 || projectDetails?.member_role === 15;
|
|
|
|
return (
|
|
<>
|
|
<IssuePeekOverview
|
|
handleMutation={() => mutateGanttIssues()}
|
|
projectId={projectId?.toString() ?? ""}
|
|
workspaceSlug={workspaceSlug?.toString() ?? ""}
|
|
readOnly={disableUserActions}
|
|
/>
|
|
<div className="w-full h-full">
|
|
<GanttChartRoot
|
|
border={false}
|
|
title="Issues"
|
|
loaderTitle="Issues"
|
|
blocks={ganttIssues ? renderIssueBlocksStructure(ganttIssues as IIssue[]) : null}
|
|
blockUpdateHandler={(block, payload) =>
|
|
updateGanttIssue(block, payload, mutateGanttIssues, user, workspaceSlug?.toString())
|
|
}
|
|
SidebarBlockRender={IssueGanttSidebarBlock}
|
|
BlockRender={IssueGanttBlock}
|
|
enableBlockLeftResize={isAllowed}
|
|
enableBlockRightResize={isAllowed}
|
|
enableBlockMove={isAllowed}
|
|
enableReorder={displayFilters.order_by === "sort_order" && isAllowed}
|
|
bottomSpacing
|
|
/>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|