Rework relations (#3431)

* Rework relations

* Fix tests

packages/twenty-front/src/modules/object-record/components/RecordShowPage.tsx

@@ -1,9 +1,10 @@
 import { useParams } from 'react-router-dom';
-import { useRecoilState } from 'recoil';
+import { useSetRecoilState } from 'recoil';
 
 import { useFavorites } from '@/favorites/hooks/useFavorites';
 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
 import { formatFieldMetadataItemAsColumnDefinition } from '@/object-metadata/utils/formatFieldMetadataItemAsColumnDefinition';
+import { isObjectMetadataAvailableForRelation } from '@/object-metadata/utils/isObjectMetadataAvailableForRelation';
 import { parseFieldRelationType } from '@/object-metadata/utils/parseFieldRelationType';
 import { parseFieldType } from '@/object-metadata/utils/parseFieldType';
 import {
@@ -62,7 +63,7 @@ export const RecordShowPage = () => {
 
   const { favorites, createFavorite, deleteFavorite } = useFavorites();
 
-  const [, setEntityFields] = useRecoilState(
+  const setEntityFields = useSetRecoilState(
     entityFieldsFamilyState(objectRecordId ?? ''),
   );
 
@@ -274,8 +275,21 @@ export const RecordShowPage = () => {
                     )}
                   </PropertyBox>
                   {isRelationFieldCardEnabled &&
-                    relationFieldMetadataItems.map(
-                      (fieldMetadataItem, index) => (
+                    relationFieldMetadataItems
+                      .filter((item) => {
+                        const relationObjectMetadataItem =
+                          item.toRelationMetadata
+                            ? item.toRelationMetadata.fromObjectMetadata
+                            : item.fromRelationMetadata?.toObjectMetadata;
+
+                        if (!relationObjectMetadataItem) {
+                          return false;
+                        }
+                        return isObjectMetadataAvailableForRelation(
+                          relationObjectMetadataItem,
+                        );
+                      })
+                      .map((fieldMetadataItem, index) => (
                         <FieldContext.Provider
                           key={record.id + fieldMetadataItem.id}
                           value={{
@@ -294,8 +308,7 @@ export const RecordShowPage = () => {
                         >
                           <RecordRelationFieldCardSection />
                         </FieldContext.Provider>
-                      ),
-                    )}
+                      ))}
                 </>
               )}
             </ShowPageLeftContainer>