Fix views (#2701)

* wip

* Fix viewsé

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,
+    });
+  };
+};