[WEB-1686] fix: issues incorrect filters while switching between, projects, modules etc (#4904)
* fix issues incorrect filters while switching between, projects, modules etc * fix minor kanban pagination loader
This commit is contained in:
parent
dcdd1ef065
commit
adec4e1f2d
24 changed files with 224 additions and 82 deletions
|
|
@ -1,4 +1,5 @@
|
|||
import { observer } from "mobx-react";
|
||||
import { useParams } from "next/navigation";
|
||||
// hooks
|
||||
import { ProjectIssueQuickActions } from "@/components/issues";
|
||||
// components
|
||||
|
|
@ -6,6 +7,8 @@ import { ProjectIssueQuickActions } from "@/components/issues";
|
|||
import { BaseCalendarRoot } from "../base-calendar-root";
|
||||
// constants
|
||||
|
||||
export const ProjectViewCalendarLayout: React.FC = observer(() => (
|
||||
<BaseCalendarRoot QuickActions={ProjectIssueQuickActions} />
|
||||
));
|
||||
export const ProjectViewCalendarLayout: React.FC = observer(() => {
|
||||
const { viewId } = useParams();
|
||||
|
||||
return <BaseCalendarRoot QuickActions={ProjectIssueQuickActions} viewId={viewId.toString()} />;
|
||||
});
|
||||
|
|
|
|||
|
|
@ -91,7 +91,7 @@ export const KanbanGroup = observer((props: IKanbanGroup) => {
|
|||
loadMoreIssues(groupId, sub_group_id === "null"? undefined: sub_group_id)
|
||||
}, [loadMoreIssues, groupId, sub_group_id])
|
||||
|
||||
const isPaginating = !!getIssueLoader(groupId);
|
||||
const isPaginating = !!getIssueLoader(groupId, sub_group_id);
|
||||
|
||||
useIntersectionObserver(
|
||||
containerRef,
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
import React from "react";
|
||||
import { observer } from "mobx-react";
|
||||
import { useParams } from "next/navigation";
|
||||
// hooks
|
||||
// constant
|
||||
// types
|
||||
|
|
@ -7,6 +8,8 @@ import { ProjectIssueQuickActions } from "../../quick-action-dropdowns";
|
|||
// components
|
||||
import { BaseKanBanRoot } from "../base-kanban-root";
|
||||
|
||||
export const ProjectViewKanBanLayout: React.FC = observer(() => (
|
||||
<BaseKanBanRoot QuickActions={ProjectIssueQuickActions} />
|
||||
));
|
||||
export const ProjectViewKanBanLayout: React.FC = observer(() => {
|
||||
const { viewId } = useParams();
|
||||
|
||||
return <BaseKanBanRoot QuickActions={ProjectIssueQuickActions} viewId={viewId.toString()} />;
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
import React from "react";
|
||||
import { observer } from "mobx-react";
|
||||
import { useParams } from "next/navigation";
|
||||
// store
|
||||
// constants
|
||||
// types
|
||||
|
|
@ -7,4 +8,8 @@ import { ProjectIssueQuickActions } from "../../quick-action-dropdowns";
|
|||
// components
|
||||
import { BaseListRoot } from "../base-list-root";
|
||||
|
||||
export const ProjectViewListLayout: React.FC = observer(() => <BaseListRoot QuickActions={ProjectIssueQuickActions} />);
|
||||
export const ProjectViewListLayout: React.FC = observer(() => {
|
||||
const { viewId } = useParams();
|
||||
|
||||
return <BaseListRoot QuickActions={ProjectIssueQuickActions} viewId={viewId.toString()} />;
|
||||
});
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ import { useIssues } from "@/hooks/store";
|
|||
import { IssuesStoreContext } from "@/hooks/use-issue-layout-store";
|
||||
// types
|
||||
|
||||
const ProjectViewIssueLayout = (props: { activeLayout: EIssueLayoutTypes | undefined }) => {
|
||||
const ProjectViewIssueLayout = (props: { activeLayout: EIssueLayoutTypes | undefined; viewId: string }) => {
|
||||
switch (props.activeLayout) {
|
||||
case EIssueLayoutTypes.LIST:
|
||||
return <ProjectViewListLayout />;
|
||||
|
|
@ -61,7 +61,7 @@ export const ProjectViewLayoutRoot: React.FC = observer(() => {
|
|||
<div className="relative flex h-full w-full flex-col overflow-hidden">
|
||||
<ProjectViewAppliedFiltersRoot />
|
||||
<div className="relative h-full w-full overflow-auto">
|
||||
<ProjectViewIssueLayout activeLayout={activeLayout} />
|
||||
<ProjectViewIssueLayout activeLayout={activeLayout} viewId={viewId.toString()} />
|
||||
</div>
|
||||
|
||||
{/* peek overview */}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
import React from "react";
|
||||
import { observer } from "mobx-react";
|
||||
import { useParams } from "next/navigation";
|
||||
// mobx store
|
||||
// components
|
||||
import { ProjectIssueQuickActions } from "../../quick-action-dropdowns";
|
||||
|
|
@ -7,6 +8,8 @@ import { BaseSpreadsheetRoot } from "../base-spreadsheet-root";
|
|||
// types
|
||||
// constants
|
||||
|
||||
export const ProjectViewSpreadsheetLayout: React.FC = observer(() => (
|
||||
<BaseSpreadsheetRoot QuickActions={ProjectIssueQuickActions} />
|
||||
));
|
||||
export const ProjectViewSpreadsheetLayout: React.FC = observer(() => {
|
||||
const { viewId } = useParams();
|
||||
|
||||
return <BaseSpreadsheetRoot QuickActions={ProjectIssueQuickActions} viewId={viewId.toString()} />;
|
||||
});
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue