Fix views (#2701)

* wip

* Fix viewsé

front/src/modules/object-record/hooks/useFindManyObjectRecords.ts

@@ -41,7 +41,7 @@ export const useFindManyObjectRecords = <
   skip?: boolean;
 }) => {
   const findManyQueryStateIdentifier =
-    objectNamePlural + JSON.stringify(filter);
+    objectNamePlural + JSON.stringify(filter) + JSON.stringify(orderBy) + limit;
 
   const [lastCursor, setLastCursor] = useRecoilState(
     cursorFamilyState(findManyQueryStateIdentifier),

front/src/modules/object-record/hooks/useUpdateOneObjectRecord.ts

@@ -1,4 +1,4 @@
-import { useApolloClient, useMutation } from '@apollo/client';
+import { useMutation } from '@apollo/client';
 import { getOperationName } from '@apollo/client/utilities';
 
 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
@@ -12,14 +12,12 @@ export const useUpdateOneObjectRecord = <T>({
     objectMetadataItem: foundObjectMetadataItem,
     objectNotFoundInMetadata,
     updateOneMutation,
-    cacheFragment,
+    getRecordFromCache,
     findManyQuery,
   } = useObjectMetadataItem({
     objectNameSingular,
   });
 
-  const { cache } = useApolloClient();
-
   // TODO: type this with a minimal type at least with Record<string, any>
   const [mutate] = useMutation(updateOneMutation);
 
@@ -36,14 +34,7 @@ export const useUpdateOneObjectRecord = <T>({
       return null;
     }
 
-    const cachedRecordId = cache.identify({
-      __typename: capitalize(foundObjectMetadataItem?.nameSingular ?? ''),
-      id: idToUpdate,
-    });
-    const cachedRecord = cache.readFragment({
-      id: cachedRecordId,
-      fragment: cacheFragment,
-    });
+    const cachedRecord = getRecordFromCache(idToUpdate);
 
     const updatedObject = await mutate({
       variables: {

front/src/modules/object-record/utils/useGenerateCacheFragment.ts

@@ -1,29 +0,0 @@
-import { gql } from '@apollo/client';
-
-import { useMapFieldMetadataToGraphQLQuery } from '@/object-metadata/hooks/useMapFieldMetadataToGraphQLQuery';
-import { EMPTY_MUTATION } from '@/object-metadata/hooks/useObjectMetadataItem';
-import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
-import { capitalize } from '~/utils/string/capitalize';
-
-export const useGenerateCacheFragment = ({
-  objectMetadataItem,
-}: {
-  objectMetadataItem: ObjectMetadataItem | undefined | null;
-}) => {
-  const mapFieldMetadataToGraphQLQuery = useMapFieldMetadataToGraphQLQuery();
-
-  if (!objectMetadataItem) {
-    return EMPTY_MUTATION;
-  }
-
-  const capitalizedObjectName = capitalize(objectMetadataItem.nameSingular);
-
-  return gql`
-  fragment ${capitalizedObjectName}Fragment on ${capitalizedObjectName} {
-    id
-    ${objectMetadataItem.fields
-      .map((field) => mapFieldMetadataToGraphQLQuery(field))
-      .join('\n')}
-  }
-`;
-};

front/src/modules/object-record/utils/useGetRecordFromCache.ts

@@ -0,0 +1,43 @@
+import { gql, useApolloClient } from '@apollo/client';
+
+import { useMapFieldMetadataToGraphQLQuery } from '@/object-metadata/hooks/useMapFieldMetadataToGraphQLQuery';
+import { EMPTY_MUTATION } from '@/object-metadata/hooks/useObjectMetadataItem';
+import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
+import { capitalize } from '~/utils/string/capitalize';
+
+export const useGetRecordFromCache = ({
+  objectMetadataItem,
+}: {
+  objectMetadataItem: ObjectMetadataItem | undefined | null;
+}) => {
+  const mapFieldMetadataToGraphQLQuery = useMapFieldMetadataToGraphQLQuery();
+  const apolloClient = useApolloClient();
+
+  return (recordId: string) => {
+    if (!objectMetadataItem) {
+      return EMPTY_MUTATION;
+    }
+
+    const capitalizedObjectName = capitalize(objectMetadataItem.nameSingular);
+
+    const cacheReadFragment = gql`
+      fragment ${capitalizedObjectName}Fragment on ${capitalizedObjectName} {
+        id
+        ${objectMetadataItem.fields
+          .map((field) => mapFieldMetadataToGraphQLQuery(field))
+          .join('\n')}
+      }
+    `;
+
+    const cache = apolloClient.cache;
+    const cachedRecordId = cache.identify({
+      __typename: capitalize(objectMetadataItem?.nameSingular ?? ''),
+      id: recordId,
+    });
+
+    return cache.readFragment({
+      id: cachedRecordId,
+      fragment: cacheReadFragment,
+    });
+  };
+};

front/src/modules/object-record/utils/useModifyRecordFromCache.ts

@@ -0,0 +1,31 @@
+import { useApolloClient } from '@apollo/client';
+import { Modifiers } from '@apollo/client/cache';
+
+import { EMPTY_MUTATION } from '@/object-metadata/hooks/useObjectMetadataItem';
+import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
+import { capitalize } from '~/utils/string/capitalize';
+
+export const useModifyRecordFromCache = ({
+  objectMetadataItem,
+}: {
+  objectMetadataItem: ObjectMetadataItem | undefined | null;
+}) => {
+  const apolloClient = useApolloClient();
+
+  return (recordId: string, fieldModifiers: Modifiers) => {
+    if (!objectMetadataItem) {
+      return EMPTY_MUTATION;
+    }
+
+    const cache = apolloClient.cache;
+    const cachedRecordId = cache.identify({
+      __typename: capitalize(objectMetadataItem?.nameSingular ?? ''),
+      id: recordId,
+    });
+
+    cache.modify({
+      id: cachedRecordId,
+      fields: fieldModifiers,
+    });
+  };
+};