2426 timebox refactor board with the new scope architecture (#2789)

* scoped states: wip * scoped states: wip * wip * wip * create boardFiltersScopedState and boardSortsScopedState * wip * reorganize hooks * update hooks * wip * wip * fix options dropdown * clean unused selectors * fields are working * fix filter an sort * fix entity count * rename hooks * rename states * clean unused context * fix recoil scope bug * objectNameSingular instead of objectNamePlural
2023-12-05 12:15:20 +01:00
parent 5c0ad30186
commit 95a1cfeec3
84 changed files with 1204 additions and 765 deletions
--- a/front/src/modules/object-record/hooks/useObjectRecordBoard.ts
+++ b/front/src/modules/object-record/hooks/useObjectRecordBoard.ts
@ -0,0 +1,118 @@
+import { useCallback } from 'react';
+import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
+
+import { Company } from '@/companies/types/Company';
+import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
+import { PaginatedRecordTypeResults } from '@/object-record/types/PaginatedRecordTypeResults';
+import { Opportunity } from '@/pipeline/types/Opportunity';
+import { PipelineStep } from '@/pipeline/types/PipelineStep';
+import { turnFiltersIntoWhereClause } from '@/ui/object/object-filter-dropdown/utils/turnFiltersIntoWhereClause';
+import { turnSortsIntoOrderBy } from '@/ui/object/object-sort-dropdown/utils/turnSortsIntoOrderBy';
+import { useRecordBoardScopedStates } from '@/ui/object/record-board/hooks/internal/useRecordBoardScopedStates';
+import { useUpdateCompanyBoardCardIdsInternal } from '@/ui/object/record-board/hooks/internal/useUpdateCompanyBoardCardIdsInternal';
+
+import { useFindManyRecords } from './useFindManyRecords';
+
+export const useObjectRecordBoard = () => {
+  const objectNameSingular = 'opportunity';
+  const updateCompanyBoardCardIds = useUpdateCompanyBoardCardIdsInternal();
+
+  const { objectMetadataItem: foundObjectMetadataItem } = useObjectMetadataItem(
+    {
+      objectNameSingular,
+    },
+  );
+
+  const {
+    isBoardLoadedState,
+    boardFiltersState,
+    boardSortsState,
+    savedCompaniesState,
+    savedOpportunitiesState,
+    savedPipelineStepsState,
+  } = useRecordBoardScopedStates();
+
+  const setIsBoardLoaded = useSetRecoilState(isBoardLoadedState);
+
+  const boardFilters = useRecoilValue(boardFiltersState);
+  const boardSorts = useRecoilValue(boardSortsState);
+
+  const setSavedCompanies = useSetRecoilState(savedCompaniesState);
+
+  const [savedOpportunities, setSavedOpportunities] = useRecoilState(
+    savedOpportunitiesState,
+  );
+
+  const [savedPipelineSteps, setSavedPipelineSteps] = useRecoilState(
+    savedPipelineStepsState,
+  );
+
+  const filter = turnFiltersIntoWhereClause(
+    boardFilters,
+    foundObjectMetadataItem?.fields ?? [],
+  );
+  const orderBy = turnSortsIntoOrderBy(
+    boardSorts,
+    foundObjectMetadataItem?.fields ?? [],
+  );
+
+  useFindManyRecords({
+    objectNameSingular: 'pipelineStep',
+    filter: {},
+    onCompleted: useCallback(
+      (data: PaginatedRecordTypeResults<PipelineStep>) => {
+        setSavedPipelineSteps(data.edges.map((edge) => edge.node));
+      },
+      [setSavedPipelineSteps],
+    ),
+  });
+
+  const {
+    records: opportunities,
+    loading,
+    fetchMoreRecords: fetchMoreOpportunities,
+  } = useFindManyRecords({
+    skip: !savedPipelineSteps.length,
+    objectNameSingular: 'opportunity',
+    filter: filter,
+    orderBy: orderBy,
+    onCompleted: useCallback(
+      (data: PaginatedRecordTypeResults<Opportunity>) => {
+        const pipelineProgresses: Array<Opportunity> = data.edges.map(
+          (edge) => edge.node,
+        );
+
+        updateCompanyBoardCardIds(pipelineProgresses);
+
+        setSavedOpportunities(pipelineProgresses);
+        setIsBoardLoaded(true);
+      },
+      [setIsBoardLoaded, setSavedOpportunities, updateCompanyBoardCardIds],
+    ),
+  });
+
+  const { fetchMoreRecords: fetchMoreCompanies } = useFindManyRecords({
+    skip: !savedOpportunities.length,
+    objectNameSingular: 'company',
+    filter: {
+      id: {
+        in: savedOpportunities.map(
+          (opportunity) => opportunity.companyId || '',
+        ),
+      },
+    },
+    onCompleted: useCallback(
+      (data: PaginatedRecordTypeResults<Company>) => {
+        setSavedCompanies(data.edges.map((edge) => edge.node));
+      },
+      [setSavedCompanies],
+    ),
+  });
+
+  return {
+    opportunities,
+    loading,
+    fetchMoreOpportunities,
+    fetchMoreCompanies,
+  };
+};