fix: fix Pages Storybook tests (#2305)

* fix: fix Companies pages tests

* fix: fix People pages tests

* fix: fix Opportunities page tests

front/src/modules/metadata/hooks/useFindManyObjectMetadataItems.ts

@@ -14,7 +14,9 @@ import { formatPagedObjectMetadataItemsToObjectMetadataItems } from '../utils/fo
 import { useApolloMetadataClient } from './useApolloMetadataClient';
 
 // TODO: test fetchMore
-export const useFindManyObjectMetadataItems = () => {
+export const useFindManyObjectMetadataItems = ({
+  skip,
+}: { skip?: boolean } = {}) => {
   const apolloMetadataClient = useApolloMetadataClient();
 
   const { enqueueSnackBar } = useSnackBar();
@@ -28,7 +30,7 @@ export const useFindManyObjectMetadataItems = () => {
     FIND_MANY_METADATA_OBJECTS,
     {
       client: apolloMetadataClient ?? undefined,
-      skip: !apolloMetadataClient,
+      skip: skip || !apolloMetadataClient,
       onError: (error) => {
         logError('useFindManyObjectMetadataItems error : ' + error);
         enqueueSnackBar(

front/src/modules/metadata/hooks/useFindManyObjects.ts

@@ -19,14 +19,17 @@ export const useFindManyObjects = <
   filter,
   orderBy,
   onCompleted,
+  skip,
 }: Pick<ObjectMetadataItemIdentifier, 'objectNamePlural'> & {
   filter?: any;
   orderBy?: any;
   onCompleted?: (data: any) => void;
+  skip?: boolean;
 }) => {
   const { foundObjectMetadataItem, objectNotFoundInMetadata, findManyQuery } =
     useFindOneObjectMetadataItem({
       objectNamePlural,
+      skip,
     });
 
   const { enqueueSnackBar } = useSnackBar();
@@ -34,7 +37,7 @@ export const useFindManyObjects = <
   const { data, loading, error } = useQuery<PaginatedObjectType<ObjectType>>(
     findManyQuery,
     {
-      skip: !foundObjectMetadataItem,
+      skip: skip || !foundObjectMetadataItem,
       variables: {
         filter: filter ?? {},
         orderBy: orderBy ?? {},

front/src/modules/metadata/hooks/useFindOneObjectMetadataItem.ts

@@ -21,8 +21,11 @@ import { useFindManyObjectMetadataItems } from './useFindManyObjectMetadataItems
 export const useFindOneObjectMetadataItem = ({
   objectNamePlural,
   objectNameSingular,
-}: ObjectMetadataItemIdentifier) => {
-  const { objectMetadataItems, loading } = useFindManyObjectMetadataItems();
+  skip,
+}: ObjectMetadataItemIdentifier & { skip?: boolean }) => {
+  const { objectMetadataItems, loading } = useFindManyObjectMetadataItems({
+    skip,
+  });
 
   const foundObjectMetadataItem = objectMetadataItems.find(
     (object) =>

front/src/modules/ui/object/record-table/hooks/useUpsertRecordTableItem.ts

@@ -1,6 +1,7 @@
 import { useRecoilCallback } from 'recoil';
 
 import { entityFieldsFamilyState } from '@/ui/object/field/states/entityFieldsFamilyState';
+import { isDeeplyEqual } from '~/utils/isDeeplyEqual';
 
 export const useUpsertRecordTableItem = () =>
   useRecoilCallback(
@@ -10,7 +11,7 @@ export const useUpsertRecordTableItem = () =>
           .getLoadable(entityFieldsFamilyState(entity.id))
           .valueOrThrow();
 
-        if (JSON.stringify(currentEntity) !== JSON.stringify(entity)) {
+        if (!isDeeplyEqual(currentEntity, entity)) {
           set(entityFieldsFamilyState(entity.id), entity);
         }
       },

front/src/modules/views/components/ViewBarEffect.tsx

@@ -70,6 +70,7 @@ export const ViewBarEffect = () => {
   });
 
   useFindManyObjects({
+    skip: !currentViewId,
     objectNamePlural: 'viewFieldsV2',
     filter: { viewId: { eq: currentViewId } },
     onCompleted: useRecoilCallback(
@@ -114,6 +115,7 @@ export const ViewBarEffect = () => {
   });
 
   useFindManyObjects({
+    skip: !currentViewId,
     objectNamePlural: 'viewFiltersV2',
     filter: { viewId: { eq: currentViewId } },
     onCompleted: useRecoilCallback(
@@ -170,6 +172,7 @@ export const ViewBarEffect = () => {
   });
 
   useFindManyObjects({
+    skip: !currentViewId,
     objectNamePlural: 'viewSortsV2',
     filter: { viewId: { eq: currentViewId } },
     onCompleted: useRecoilCallback(