Feat/activities custom objects (#3213)

* WIP

* WIP - MultiObjectSearch

* WIP

* WIP

* Finished working version

* Fix

* Fixed and cleaned

* Fix

* Disabled files and emails for custom objects

* Cleaned console.log

* Fixed attachment

* Fixed

* fix lint

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

packages/twenty-front/src/modules/activities/components/ActivityTargetChips.tsx

@@ -1,8 +1,7 @@
 import styled from '@emotion/styled';
 
-import { CompanyChip } from '@/companies/components/CompanyChip';
-import { PersonChip } from '@/people/components/PersonChip';
-import { getLogoUrlFromDomainName } from '~/utils';
+import { ActivityTargetObjectRecord } from '@/activities/types/ActivityTargetObject';
+import { RecordChip } from '@/object-record/components/RecordChip';
 
 const StyledContainer = styled.div`
   display: flex;
@@ -10,37 +9,21 @@ const StyledContainer = styled.div`
   gap: ${({ theme }) => theme.spacing(1)};
 `;
 
-// TODO: fix edges pagination formatting on n+N
-export const ActivityTargetChips = ({ targets }: { targets?: any }) => {
-  if (!targets) {
-    return null;
-  }
-
+export const ActivityTargetChips = ({
+  activityTargetObjectRecords,
+}: {
+  activityTargetObjectRecords: ActivityTargetObjectRecord[];
+}) => {
   return (
     <StyledContainer>
-      {targets?.map(({ company, person }: any) => {
-        if (company) {
-          return (
-            <CompanyChip
-              key={company.id}
-              id={company.id}
-              name={company.name}
-              avatarUrl={getLogoUrlFromDomainName(company.domainName)}
-            />
-          );
-        }
-        if (person) {
-          return (
-            <PersonChip
-              key={person.id}
-              id={person.id}
-              name={person.name.firstName + ' ' + person.name.lastName}
-              avatarUrl={person.avatarUrl ?? undefined}
-            />
-          );
-        }
-        return <></>;
-      })}
+      {activityTargetObjectRecords?.map((activityTargetObjectRecord) => (
+        <RecordChip
+          record={activityTargetObjectRecord.targetObjectRecord}
+          objectNameSingular={
+            activityTargetObjectRecord.targetObjectMetadataItem.nameSingular
+          }
+        />
+      ))}
     </StyledContainer>
   );
 };