[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:
rahulramesha 2024-06-21 18:48:21 +05:30 committed by GitHub
parent dcdd1ef065
commit adec4e1f2d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
24 changed files with 224 additions and 82 deletions

View file

@ -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()} />;
});

View file

@ -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,

View file

@ -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()} />;
});

View file

@ -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()} />;
});

View file

@ -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 */}

View file

@ -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()} />;
});