binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: modules list page (#2521)

Browse source 
* refactor: modules list page

* chore: update handle favorites logic for modules

* fix: build errors
This commit is contained in:
Aaryan Khandelwal 2023-10-23 19:17:42 +05:30 • committed by GitHub
parent 07d548ea43
commit d72d3da6de
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
20 changed files with 272 additions and 357 deletions
Download patch file Download diff file Expand all files Collapse all files

63
web/components/modules/gantt-chart/modules-list-layout.tsx
View file

@ -1,65 +1,26 @@
import { FC } from "react";
import { useRouter } from "next/router";
import { KeyedMutator } from "swr";
// services
import { ModuleService } from "services/module.service";
// hooks
import useUser from "hooks/use-user";
import useProjectDetails from "hooks/use-project-details";
import { observer } from "mobx-react-lite";
// mobx store
import { useMobxStore } from "lib/mobx/store-provider";
// components
import { GanttChartRoot, IBlockUpdateData } from "components/gantt-chart";
import { ModuleGanttBlock, ModuleGanttSidebarBlock } from "components/modules";
// types
import { IModule } from "types";
type Props = {
modules: IModule[];
mutateModules: KeyedMutator<IModule[]>;
};
// services
const moduleService = new ModuleService();
export const ModulesListGanttChartView: FC<Props> = ({ modules, mutateModules }) => {
export const ModulesListGanttChartView: React.FC = observer(() => {
const router = useRouter();
const { workspaceSlug } = router.query;
const { workspaceSlug, projectId } = router.query;
const { user } = useUser();
const { projectDetails } = useProjectDetails();
const { project: projectStore, module: moduleStore } = useMobxStore();
const projectDetails = projectId ? projectStore.project_details[projectId.toString()] : undefined;
const modules = moduleStore.projectModules;
const handleModuleUpdate = (module: IModule, payload: IBlockUpdateData) => {
if (!workspaceSlug || !user) return;
if (!workspaceSlug) return;
mutateModules((prevData: any) => {
if (!prevData) return prevData;
const newList = prevData.map((p: any) => ({
...p,
...(p.id === module.id
? {
start_date: payload.start_date ? payload.start_date : p.start_date,
target_date: payload.target_date ? payload.target_date : p.target_date,
sort_order: payload.sort_order ? payload.sort_order.newSortOrder : p.sort_order,
}
: {}),
}));
if (payload.sort_order) {
const removedElement = newList.splice(payload.sort_order.sourceIndex, 1)[0];
newList.splice(payload.sort_order.destinationIndex, 0, removedElement);
}
return newList;
}, false);
const newPayload: any = { ...payload };
if (newPayload.sort_order && payload.sort_order) newPayload.sort_order = payload.sort_order.newSortOrder;
moduleService.patchModule(workspaceSlug.toString(), module.project, module.id, newPayload, user);
moduleStore.updateModuleGanttStructure(workspaceSlug.toString(), module.project, module, payload);
};
const blockFormat = (blocks: IModule[]) =>
@ -93,4 +54,4 @@ export const ModulesListGanttChartView: FC<Props> = ({ modules, mutateModules })
/>
</div>
);
};
});