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/ui/layout/show-page/components/ShowPageAddButton.tsx

@@ -2,7 +2,7 @@ import styled from '@emotion/styled';
 
 import { useOpenCreateActivityDrawer } from '@/activities/hooks/useOpenCreateActivityDrawer';
 import { ActivityType } from '@/activities/types/Activity';
-import { ActivityTargetableEntity } from '@/activities/types/ActivityTargetableEntity';
+import { ActivityTargetableObject } from '@/activities/types/ActivityTargetableEntity';
 import { PageHotkeyScope } from '@/types/PageHotkeyScope';
 import { IconCheckbox, IconNotes, IconPlus } from '@/ui/display/icon/index';
 import { IconButton } from '@/ui/input/button/components/IconButton';
@@ -21,13 +21,13 @@ const StyledContainer = styled.div`
 export const ShowPageAddButton = ({
   entity,
 }: {
-  entity: ActivityTargetableEntity;
+  entity: ActivityTargetableObject;
 }) => {
   const { closeDropdown, toggleDropdown } = useDropdown('add-show-page');
   const openCreateActivity = useOpenCreateActivityDrawer();
 
   const handleSelect = (type: ActivityType) => {
-    openCreateActivity({ type, targetableEntities: [entity] });
+    openCreateActivity({ type, targetableObjects: [entity] });
     closeDropdown();
   };
 

packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageRightContainer.tsx

@@ -3,9 +3,10 @@ import styled from '@emotion/styled';
 import { Threads } from '@/activities/emails/components/Threads';
 import { Attachments } from '@/activities/files/components/Attachments';
 import { Notes } from '@/activities/notes/components/Notes';
-import { EntityTasks } from '@/activities/tasks/components/EntityTasks';
+import { ObjectTasks } from '@/activities/tasks/components/ObjectTasks';
 import { Timeline } from '@/activities/timeline/components/Timeline';
-import { ActivityTargetableEntity } from '@/activities/types/ActivityTargetableEntity';
+import { ActivityTargetableObject } from '@/activities/types/ActivityTargetableEntity';
+import { isStandardObject } from '@/object-metadata/utils/isStandardObject';
 import {
   IconCheckbox,
   IconMail,
@@ -40,7 +41,7 @@ const StyledTabListContainer = styled.div`
 `;
 
 type ShowPageRightContainerProps = {
-  entity?: ActivityTargetableEntity;
+  targetableObject?: ActivityTargetableObject;
   timeline?: boolean;
   tasks?: boolean;
   notes?: boolean;
@@ -48,7 +49,7 @@ type ShowPageRightContainerProps = {
 };
 
 export const ShowPageRightContainer = ({
-  entity,
+  targetableObject,
   timeline,
   tasks,
   notes,
@@ -60,42 +61,44 @@ export const ShowPageRightContainer = ({
     ShowPageRecoilScopeContext,
   );
 
-  if (!entity) return <></>;
+  if (!targetableObject) return <></>;
+
+  const targetableObjectIsStandardObject = isStandardObject(
+    targetableObject.targetObjectNameSingular,
+  );
+
   const TASK_TABS = [
     {
       id: 'timeline',
       title: 'Timeline',
       Icon: IconTimelineEvent,
       hide: !timeline,
-      disabled: entity.type === 'Custom',
     },
     {
       id: 'tasks',
       title: 'Tasks',
       Icon: IconCheckbox,
       hide: !tasks,
-      disabled: entity.type === 'Custom',
     },
     {
       id: 'notes',
       title: 'Notes',
       Icon: IconNotes,
       hide: !notes,
-      disabled: entity.type === 'Custom',
     },
     {
       id: 'files',
       title: 'Files',
       Icon: IconPaperclip,
       hide: !notes,
-      disabled: entity.type === 'Custom',
+      disabled: !targetableObjectIsStandardObject,
     },
     {
       id: 'emails',
       title: 'Emails',
       Icon: IconMail,
       hide: !emails,
-      disabled: !isMessagingEnabled || entity.type === 'Custom',
+      disabled: !isMessagingEnabled || !targetableObjectIsStandardObject,
     },
   ];
 
@@ -104,11 +107,17 @@ export const ShowPageRightContainer = ({
       <StyledTabListContainer>
         <TabList context={ShowPageRecoilScopeContext} tabs={TASK_TABS} />
       </StyledTabListContainer>
-      {activeTabId === 'timeline' && <Timeline entity={entity} />}
-      {activeTabId === 'tasks' && <EntityTasks entity={entity} />}
-      {activeTabId === 'notes' && <Notes entity={entity} />}
-      {activeTabId === 'files' && <Attachments targetableEntity={entity} />}
-      {activeTabId === 'emails' && <Threads entity={entity} />}
+      {activeTabId === 'timeline' && (
+        <Timeline targetableObject={targetableObject} />
+      )}
+      {activeTabId === 'tasks' && (
+        <ObjectTasks targetableObject={targetableObject} />
+      )}
+      {activeTabId === 'notes' && <Notes targetableObject={targetableObject} />}
+      {activeTabId === 'files' && (
+        <Attachments targetableObject={targetableObject} />
+      )}
+      {activeTabId === 'emails' && <Threads entity={targetableObject} />}
     </StyledShowPageRightContainer>
   );
 };