[WIP] Whole FE migrated (#2517)

* Wip

* WIP

* Removed concole log

* Add relations to workspace init (#2511)

* Add relations to workspace init

* remove logs

* update prefill

* add missing isSystem

* comment relation fields

* Migrate v2 core models to graphql schema (#2509)

* migrate v2 core models to graphql schema

* Migrate to new workspace member schema

* Continue work

* migrated-main

* Finished accountOwner nested field integration on companies

* Introduce bug

* Fix

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
Co-authored-by: Weiko <corentin@twenty.com>

front/src/modules/ui/object/field/hooks/usePersistField.ts

@@ -105,13 +105,16 @@ export const usePersistField = () => {
             valueToPersist,
           );
 
+          console.log({
+            fieldName,
+            valueToPersist,
+          });
+
           updateEntity?.({
             variables: {
               where: { id: entityId },
               data: {
-                [fieldName]: valueToPersist
-                  ? { connect: { id: valueToPersist.id } }
-                  : { disconnect: true },
+                [fieldName]: valueToPersist?.id,
               },
             },
           });

front/src/modules/ui/object/field/meta-types/display/components/RelationFieldDisplay.tsx

@@ -1,24 +1,27 @@
 import { EntityChip } from '@/ui/display/chip/components/EntityChip';
+import { getEntityChipFromFieldMetadata } from '@/ui/object/field/meta-types/display/utils/getEntityChipFromFieldMetadata';
 
 import { useRelationField } from '../../hooks/useRelationField';
 
 export const RelationFieldDisplay = () => {
   const { fieldValue, fieldDefinition } = useRelationField();
-  const { entityChipDisplayMapper } = fieldDefinition;
-  if (!entityChipDisplayMapper) {
-    throw new Error(
-      "Missing entityChipDisplayMapper in FieldContext. Please provide it in the FieldContextProvider's value prop.",
-    );
-  }
-  const { name, pictureUrl, avatarType } =
-    entityChipDisplayMapper?.(fieldValue);
+
+  console.log({
+    fieldDefinition,
+    fieldValue,
+  });
+
+  const entityChipProps = getEntityChipFromFieldMetadata(
+    fieldDefinition,
+    fieldValue,
+  );
 
   return (
     <EntityChip
-      entityId={fieldValue?.id}
-      name={name}
-      pictureUrl={pictureUrl}
-      avatarType={avatarType}
+      entityId={entityChipProps.entityId}
+      name={entityChipProps.name}
+      pictureUrl={entityChipProps.pictureUrl}
+      avatarType={entityChipProps.avatarType}
     />
   );
 };

front/src/modules/ui/object/field/meta-types/display/utils/getEntityChipFromFieldMetadata.ts

@@ -0,0 +1,32 @@
+import { EntityChipProps } from '@/ui/display/chip/components/EntityChip';
+import { FieldDefinition } from '@/ui/object/field/types/FieldDefinition';
+import { FieldRelationMetadata } from '@/ui/object/field/types/FieldMetadata';
+
+export const getEntityChipFromFieldMetadata = (
+  fieldDefinition: FieldDefinition<FieldRelationMetadata>,
+  fieldValue: any,
+) => {
+  const { fieldName } = fieldDefinition.metadata;
+
+  const chipValue: Pick<
+    EntityChipProps,
+    'name' | 'pictureUrl' | 'avatarType' | 'entityId'
+  > = {
+    name: '',
+    pictureUrl: '',
+    avatarType: 'rounded',
+    entityId: fieldValue?.id,
+  };
+
+  console.log({
+    fieldName,
+    fieldValue,
+  });
+
+  // TODO: use every
+  if (fieldName === 'accountOwner' && fieldValue) {
+    chipValue.name = fieldValue.firstName + ' ' + fieldValue.lastName;
+  }
+
+  return chipValue;
+};

front/src/modules/ui/object/field/meta-types/hooks/useRelationField.ts

@@ -22,6 +22,11 @@ export const useRelationField = () => {
     }),
   );
 
+  console.log({
+    fieldDefinition,
+    fieldValue,
+  });
+
   const fieldInitialValue = useFieldInitialValue();
 
   const initialSearchValue = fieldInitialValue?.isEmpty

front/src/modules/ui/object/field/meta-types/input/components/RelationFieldInput.tsx

@@ -40,7 +40,7 @@ export const RelationFieldInput = ({
 
   return (
     <StyledRelationPickerContainer>
-      {fieldDefinition.metadata.relationType === Entity.Person ? (
+      {fieldDefinition.metadata.fieldName === 'person' ? (
         <PeoplePicker
           personId={initialValue?.id ?? ''}
           companyId={initialValue?.companyId ?? ''}
@@ -48,7 +48,7 @@ export const RelationFieldInput = ({
           onCancel={onCancel}
           initialSearchFilter={initialSearchValue}
         />
-      ) : fieldDefinition.metadata.relationType === Entity.User ? (
+      ) : fieldDefinition.metadata.fieldName === 'accountOwner' ? (
         <UserPicker
           userId={initialValue?.id ?? ''}
           onSubmit={handleSubmit}

front/src/modules/ui/object/record-table/components/RecordTable.tsx

@@ -82,6 +82,8 @@ type RecordTableProps = {
 export const RecordTable = ({ updateEntityMutation }: RecordTableProps) => {
   const tableBodyRef = useRef<HTMLDivElement>(null);
 
+  console.log('record table');
+
   const {
     leaveTableFocus,
     setRowSelectedState,