Fix opportunity relation (#3478)

* Fix opportunity relation

* Fix

* Fix

* Fix tests

* Fix

* Fix

packages/twenty-front/src/modules/views/hooks/internal/useViewFields.ts

@@ -1,4 +1,4 @@
-import { useApolloClient } from '@apollo/client';
+import { Reference, useApolloClient } from '@apollo/client';
 import { useRecoilCallback } from 'recoil';
 
 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
@@ -127,18 +127,22 @@ export const useViewFields = (viewScopeId: string) => {
         }
 
         modifyRecordFromCache(viewIdToPersist ?? '', {
-          viewFields: () => ({
-            edges: viewFieldsToPersist.map((viewField) => ({
-              node: viewField,
-              cursor: '',
-            })),
-            pageInfo: {
-              hasNextPage: false,
-              hasPreviousPage: false,
-              startCursor: '',
-              endCursor: '',
-            },
-          }),
+          viewFields: (viewFieldsRef, { readField }) => {
+            const edges = readField<{ node: Reference }[]>(
+              'edges',
+              viewFieldsRef,
+            );
+
+            if (!edges) return viewFieldsRef;
+
+            return {
+              ...viewFieldsRef,
+              edges: viewFieldsToPersist.map((viewField) => ({
+                node: viewField,
+                cursor: '',
+              })),
+            };
+          },
         });
 
         onViewFieldsChange?.(viewFieldsToPersist);

packages/twenty-front/src/modules/views/hooks/internal/useViewFilters.ts

@@ -1,4 +1,4 @@
-import { useApolloClient } from '@apollo/client';
+import { Reference, useApolloClient } from '@apollo/client';
 import { produce } from 'immer';
 import { useRecoilCallback } from 'recoil';
 
@@ -145,18 +145,22 @@ export const useViewFilters = (viewScopeId: string) => {
         }
 
         modifyRecordFromCache(existingViewId, {
-          viewFilters: () => ({
-            edges: currentViewFilters.map((viewFilter) => ({
-              node: viewFilter,
-              cursor: '',
-            })),
-            pageInfo: {
-              hasNextPage: false,
-              hasPreviousPage: false,
-              startCursor: '',
-              endCursor: '',
-            },
-          }),
+          viewFilters: (viewFiltersRef, { readField }) => {
+            const edges = readField<{ node: Reference }[]>(
+              'edges',
+              viewFiltersRef,
+            );
+
+            if (!edges) return viewFiltersRef;
+
+            return {
+              ...viewFiltersRef,
+              edges: currentViewFilters.map((viewFilter) => ({
+                node: viewFilter,
+                cursor: '',
+              })),
+            };
+          },
         });
       },
     [

packages/twenty-front/src/modules/views/hooks/internal/useViewSorts.ts

@@ -1,4 +1,4 @@
-import { useApolloClient } from '@apollo/client';
+import { Reference, useApolloClient } from '@apollo/client';
 import { produce } from 'immer';
 import { useRecoilCallback } from 'recoil';
 
@@ -138,18 +138,22 @@ export const useViewSorts = (viewScopeId: string) => {
         }
 
         modifyRecordFromCache(existingViewId, {
-          viewSorts: () => ({
-            edges: currentViewSorts.map((viewSort) => ({
-              node: viewSort,
-              cursor: '',
-            })),
-            pageInfo: {
-              hasNextPage: false,
-              hasPreviousPage: false,
-              startCursor: '',
-              endCursor: '',
-            },
-          }),
+          viewSorts: (viewSortsRef, { readField }) => {
+            const edges = readField<{ node: Reference }[]>(
+              'edges',
+              viewSortsRef,
+            );
+
+            if (!edges) return viewSortsRef;
+
+            return {
+              ...viewSortsRef,
+              edges: currentViewSorts.map((viewSort) => ({
+                node: viewSort,
+                cursor: '',
+              })),
+            };
+          },
         });
       },
     [