V2 opportunities (#2565)

* changed isSystem to false

* wip

* wip

* wip

* add amount viewfield seed

* seed other viewFields

* upate tenant seeds

* Remove calls to old pipelines

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
Co-authored-by: Charles Bochet <charlesBochet@users.noreply.github.com>

front/src/modules/companies/components/CompanyBoardCard.tsx

@@ -2,6 +2,7 @@ import { ReactNode, useContext } from 'react';
 import styled from '@emotion/styled';
 import { useRecoilState } from 'recoil';
 
+import { useUpdateOneObjectRecord } from '@/object-record/hooks/useUpdateOneObjectRecord';
 import { EntityChipVariant } from '@/ui/display/chip/components/EntityChip';
 import { IconEye } from '@/ui/display/icon/index';
 import { LightIconButton } from '@/ui/input/button/components/LightIconButton';
@@ -17,7 +18,6 @@ import { RecordInlineCell } from '@/ui/object/record-inline-cell/components/Reco
 import { InlineCellHotkeyScope } from '@/ui/object/record-inline-cell/types/InlineCellHotkeyScope';
 import { AnimatedEaseInOut } from '@/ui/utilities/animation/components/AnimatedEaseInOut';
 import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedValue';
-import { useUpdateOnePipelineProgressMutation } from '~/generated/graphql';
 import { getLogoUrlFromDomainName } from '~/utils';
 
 import { companyProgressesFamilyState } from '../states/companyProgressesFamilyState';
@@ -150,6 +150,30 @@ export const CompanyBoardCard = () => {
     BoardRecoilScopeContext,
   );
 
+  const useUpdateOneObjectMutation: () => [(params: any) => any, any] = () => {
+    const { updateOneObject } = useUpdateOneObjectRecord({
+      objectNameSingular: 'opportunityV2',
+    });
+
+    const updateEntity = ({
+      variables,
+    }: {
+      variables: {
+        where: { id: string };
+        data: {
+          [fieldName: string]: any;
+        };
+      };
+    }) => {
+      updateOneObject?.({
+        idToUpdate: variables.where.id,
+        input: variables.data,
+      });
+    };
+
+    return [updateEntity, { loading: false }];
+  };
+
   // boardCardId check can be moved to a wrapper to avoid unnecessary logic above
   if (!company || !pipelineProgress || !boardCardId) {
     return null;
@@ -224,8 +248,7 @@ export const CompanyBoardCard = () => {
                       entityChipDisplayMapper:
                         viewField.entityChipDisplayMapper,
                     },
-                    useUpdateEntityMutation:
-                      useUpdateOnePipelineProgressMutation,
+                    useUpdateEntityMutation: useUpdateOneObjectMutation,
                     hotkeyScope: InlineCellHotkeyScope.InlineCell,
                   }}
                 >

front/src/modules/companies/components/HooksCompanyBoardEffect.tsx

@@ -1,8 +1,12 @@
-import { useEffect, useMemo } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useSearchParams } from 'react-router-dom';
 import { useRecoilState, useRecoilValue } from 'recoil';
 
+import { useFindManyObjectRecords } from '@/object-record/hooks/useFindManyObjectRecords';
+import { PaginatedObjectTypeResults } from '@/object-record/types/PaginatedObjectTypeResults';
 import { pipelineAvailableFieldDefinitions } from '@/pipeline/constants/pipelineAvailableFieldDefinitions';
+import { Opportunity } from '@/pipeline/types/Opportunity';
+import { PipelineStep } from '@/pipeline/types/PipelineStep';
 import { useBoardActionBarEntries } from '@/ui/layout/board/hooks/useBoardActionBarEntries';
 import { useBoardContext } from '@/ui/layout/board/hooks/useBoardContext';
 import { useBoardContextMenuEntries } from '@/ui/layout/board/hooks/useBoardContextMenuEntries';
@@ -15,13 +19,7 @@ import { useViewScopedStates } from '@/views/hooks/internal/useViewScopedStates'
 import { useView } from '@/views/hooks/useView';
 import { ViewType } from '@/views/types/ViewType';
 import { mapViewFieldsToBoardFieldDefinitions } from '@/views/utils/mapViewFieldsToBoardFieldDefinitions';
-import {
-  Pipeline,
-  PipelineProgressableType,
-  useGetCompaniesQuery,
-  useGetPipelineProgressQuery,
-  useGetPipelinesQuery,
-} from '~/generated/graphql';
+import { Company } from '~/generated-metadata/graphql';
 import { opportunitiesBoardOptions } from '~/pages/opportunities/opportunitiesBoardOptions';
 
 import { useUpdateCompanyBoardCardIds } from '../hooks/useUpdateBoardCardIds';
@@ -40,6 +38,10 @@ export const HooksCompanyBoardEffect = () => {
   const { currentViewFiltersState, currentViewFieldsState } =
     useViewScopedStates();
 
+  const [pipelineSteps, setPipelineSteps] = useState<PipelineStep[]>([]);
+  const [opportunities, setOpportunities] = useState<Opportunity[]>([]);
+  const [companies, setCompanies] = useState<Company[]>([]);
+
   const currentViewFields = useRecoilValue(currentViewFieldsState);
   const currentViewFilters = useRecoilValue(currentViewFiltersState);
 
@@ -56,21 +58,62 @@ export const HooksCompanyBoardEffect = () => {
     availableBoardCardFieldsScopedState,
     BoardRecoilScopeContext,
   );
-
+  const updateCompanyBoardCardIds = useUpdateCompanyBoardCardIds();
   const updateCompanyBoard = useUpdateCompanyBoard();
 
-  const { data: pipelineData, loading: loadingGetPipelines } =
-    useGetPipelinesQuery({
-      variables: {
-        where: {
-          pipelineProgressableType: {
-            equals: PipelineProgressableType.Company,
+  useFindManyObjectRecords({
+    objectNamePlural: 'pipelineStepsV2',
+    filter: {},
+    onCompleted: useCallback(
+      (data: PaginatedObjectTypeResults<PipelineStep>) => {
+        setPipelineSteps(data.edges.map((edge) => edge.node));
+      },
+      [],
+    ),
+  });
+
+  const whereFilters = useMemo(() => {
+    return {
+      AND: [
+        {
+          pipelineStageId: {
+            in: pipelineSteps.map((pipelineStep) => pipelineStep.id),
           },
         },
-      },
-    });
+        ...(currentViewFilters?.map(turnFilterIntoWhereClause) || []),
+      ],
+    };
+  }, [currentViewFilters, pipelineSteps]) as any;
 
-  const pipeline = pipelineData?.findManyPipeline[0] as Pipeline | undefined;
+  useFindManyObjectRecords({
+    skip: !pipelineSteps.length,
+    objectNamePlural: 'opportunitiesV2',
+    filter: whereFilters,
+    onCompleted: useCallback(
+      (_data: PaginatedObjectTypeResults<Opportunity>) => {
+        const pipelineProgresses: Array<Opportunity> = [];
+
+        updateCompanyBoardCardIds(pipelineProgresses);
+
+        setOpportunities(pipelineProgresses);
+        setIsBoardLoaded(true);
+      },
+      [setIsBoardLoaded, updateCompanyBoardCardIds],
+    ),
+  });
+
+  useFindManyObjectRecords({
+    skip: !opportunities.length,
+    objectNamePlural: 'companiesV2',
+    filter: {
+      id: {
+        in: opportunities.map((opportuntiy) => opportuntiy.companyId || ''),
+      },
+    },
+    onCompleted: useCallback((data: PaginatedObjectTypeResults<Company>) => {
+      setCompanies(data.edges.map((edge) => edge.node));
+    }, []),
+  });
 
   useEffect(() => {
     setAvailableFilterDefinitions(opportunitiesBoardOptions.filterDefinitions);
@@ -87,77 +130,32 @@ export const HooksCompanyBoardEffect = () => {
     setViewType?.(ViewType.Kanban);
   }, [setViewObjectMetadataId, setViewType]);
 
-  const pipelineStageIds = pipeline?.pipelineStages
-    ?.map((pipelineStage) => pipelineStage.id)
-    .flat();
-
-  const whereFilters = useMemo(() => {
-    return {
-      AND: [
-        { pipelineStageId: { in: pipelineStageIds } },
-        ...(currentViewFilters?.map(turnFilterIntoWhereClause) || []),
-      ],
-    };
-  }, [currentViewFilters, pipelineStageIds]) as any;
-
-  const updateCompanyBoardCardIds = useUpdateCompanyBoardCardIds();
-
-  const { data: pipelineProgressData, loading: loadingGetPipelineProgress } =
-    useGetPipelineProgressQuery({
-      variables: {
-        where: whereFilters,
-      },
-      onCompleted: (data) => {
-        const pipelineProgresses = data?.findManyPipelineProgress || [];
-
-        updateCompanyBoardCardIds(pipelineProgresses);
-
-        setIsBoardLoaded(true);
-      },
-    });
-
-  const pipelineProgresses = useMemo(() => {
-    return pipelineProgressData?.findManyPipelineProgress || [];
-  }, [pipelineProgressData]);
-
-  const { data: companiesData, loading: loadingGetCompanies } =
-    useGetCompaniesQuery({
-      variables: {
-        where: {
-          id: {
-            in: pipelineProgresses.map((item) => item.companyId || ''),
-          },
-        },
-      },
-    });
-
   const [searchParams] = useSearchParams();
 
-  const loading =
-    loadingGetPipelines || loadingGetPipelineProgress || loadingGetCompanies;
+  const loading = !companies;
 
   const { setActionBarEntries } = useBoardActionBarEntries();
   const { setContextMenuEntries } = useBoardContextMenuEntries();
 
   useEffect(() => {
-    if (!loading && pipeline && pipelineProgresses && companiesData) {
+    if (!loading && opportunities && companies) {
       setActionBarEntries();
       setContextMenuEntries();
       setAvailableBoardCardFields(pipelineAvailableFieldDefinitions);
-      updateCompanyBoard(pipeline, pipelineProgresses, companiesData.companies);
-      setEntityCountInCurrentView(companiesData.companies.length);
+      updateCompanyBoard(pipelineSteps, opportunities, companies);
+      setEntityCountInCurrentView(companies.length);
     }
   }, [
     loading,
-    pipeline,
-    pipelineProgresses,
-    companiesData,
     updateCompanyBoard,
     setActionBarEntries,
     setContextMenuEntries,
     searchParams,
     setEntityCountInCurrentView,
     setAvailableBoardCardFields,
+    opportunities,
+    companies,
+    pipelineSteps,
   ]);
 
   useEffect(() => {