From 91eac8652048a2b8d846b57e577d7e41aea1181e Mon Sep 17 00:00:00 2001
From: Etienne <45695613+etiennejouan@users.noreply.github.com>
Date: Thu, 16 Jan 2025 15:28:06 +0100
Subject: [PATCH]  fix empty actor field (#9677)

<img width="300" alt="Screenshot 2025-01-16 at 14 19 18"
src="https://github.com/user-attachments/assets/1d8558b1-cab2-4256-9ab8-cc085dced7cd"
/>
<img width="300" alt="Screenshot 2025-01-16 at 14 19 24"
src="https://github.com/user-attachments/assets/e7100be8-be76-4bed-b149-658cd996adb1"
/>

closes #9180

Co-authored-by: etiennejouan <jouan.etienne@gmail.com>
---
 .../meta-types/display/components/ActorFieldDisplay.tsx    | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/twenty-front/src/modules/object-record/record-field/meta-types/display/components/ActorFieldDisplay.tsx b/packages/twenty-front/src/modules/object-record/record-field/meta-types/display/components/ActorFieldDisplay.tsx
index 129d0ebdb..46b4ace83 100644
--- a/packages/twenty-front/src/modules/object-record/record-field/meta-types/display/components/ActorFieldDisplay.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-field/meta-types/display/components/ActorFieldDisplay.tsx
@@ -1,3 +1,4 @@
+import { useIsFieldEmpty } from '@/object-record/record-field/hooks/useIsFieldEmpty';
 import { useActorFieldDisplay } from '@/object-record/record-field/meta-types/hooks/useActorFieldDisplay';
 import { ActorDisplay } from '@/ui/field/display/components/ActorDisplay';
 import { isNonEmptyString } from '@sniptt/guards';
@@ -14,12 +15,14 @@ export const ActorFieldDisplay = () => {
         .filter(isNonEmptyString)
         .join(' ');
 
-  return (
+  const displayActorField = !useIsFieldEmpty();
+
+  return displayActorField ? (
     <ActorDisplay
       name={name}
       source={fieldValue.source}
       avatarUrl={fieldValue.workspaceMember?.avatarUrl}
       workspaceMemberId={fieldValue.workspaceMemberId}
     />
-  );
+  ) : null;
 };