diff --git a/front/src/modules/activities/editable-fields/components/ActivityAssigneeEditableField.tsx b/front/src/modules/activities/editable-fields/components/ActivityAssigneeEditableField.tsx index 2a43045b7..d5ed19562 100644 --- a/front/src/modules/activities/editable-fields/components/ActivityAssigneeEditableField.tsx +++ b/front/src/modules/activities/editable-fields/components/ActivityAssigneeEditableField.tsx @@ -1,3 +1,5 @@ +import React, { useMemo } from 'react'; + import { FieldContext } from '@/ui/data/field/contexts/FieldContext'; import { FieldDefinition } from '@/ui/data/field/types/FieldDefinition'; import { FieldRelationMetadata } from '@/ui/data/field/types/FieldMetadata'; @@ -16,32 +18,35 @@ type ActivityAssigneeEditableFieldProps = { export const ActivityAssigneeEditableField = ({ activity, }: ActivityAssigneeEditableFieldProps) => { + const value = useMemo( + () => ({ + entityId: activity.id, + recoilScopeId: 'assignee', + fieldDefinition: { + key: 'assignee', + name: 'Assignee', + Icon: IconUserCircle, + type: 'relation', + metadata: { + fieldName: 'assignee', + relationType: Entity.User, + }, + entityChipDisplayMapper: (dataObject: User) => { + return { + name: dataObject?.displayName, + pictureUrl: dataObject?.avatarUrl ?? undefined, + avatarType: 'rounded', + }; + }, + } satisfies FieldDefinition, + useUpdateEntityMutation: useUpdateActivityMutation, + hotkeyScope: InlineCellHotkeyScope.InlineCell, + }), + [activity.id], + ); + return ( - { - return { - name: dataObject?.displayName, - pictureUrl: dataObject?.avatarUrl ?? undefined, - avatarType: 'rounded', - }; - }, - } satisfies FieldDefinition, - useUpdateEntityMutation: useUpdateActivityMutation, - hotkeyScope: InlineCellHotkeyScope.InlineCell, - }} - > + );