Feat/activity optimistic activities (#4009)

* Fix naming

* Fixed cache.evict bug for relation target deletion

* Fixed cascade delete activity targets

* Working version

* Fix

* fix

* WIP

* Fixed optimistic effect target inline cell

* Removed openCreateActivityDrawer v1

* Ok for timeline

* Removed console.log

* Fix update record optimistic effect

* Refactored activity queries into useActivities for everything

* Fixed bugs

* Cleaned

* Fix lint

---------

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

packages/twenty-front/src/modules/activities/tasks/components/PageAddTaskButton.tsx

@@ -1,28 +1,15 @@
-import { isNonEmptyString } from '@sniptt/guards';
-
 import { useOpenCreateActivityDrawer } from '@/activities/hooks/useOpenCreateActivityDrawer';
-import { useFilterDropdown } from '@/object-record/object-filter-dropdown/hooks/useFilterDropdown';
 import { PageAddButton } from '@/ui/layout/page/PageAddButton';
 
-type PageAddTaskButtonProps = {
-  filterDropdownId: string;
-};
-
-export const PageAddTaskButton = ({
-  filterDropdownId,
-}: PageAddTaskButtonProps) => {
-  const { selectedFilter } = useFilterDropdown({
-    filterDropdownId: filterDropdownId,
-  });
-
+export const PageAddTaskButton = () => {
   const openCreateActivity = useOpenCreateActivityDrawer();
 
+  // TODO: fetch workspace member from filter here
+
   const handleClick = () => {
     openCreateActivity({
       type: 'Task',
-      assigneeId: isNonEmptyString(selectedFilter?.value)
-        ? selectedFilter?.value
-        : undefined,
+      targetableObjects: [],
     });
   };
 

packages/twenty-front/src/modules/activities/tasks/components/TaskGroups.tsx

@@ -40,6 +40,7 @@ export const TaskGroups = ({
     upcomingTasks,
     unscheduledTasks,
     completedTasks,
+    initialized,
   } = useTasks({
     filterDropdownId: filterDropdownId,
     targetableObjects: targetableObjects ?? [],
@@ -50,6 +51,10 @@ export const TaskGroups = ({
   const { getActiveTabIdState } = useTabList(TASKS_TAB_LIST_COMPONENT_ID);
   const activeTabId = useRecoilValue(getActiveTabIdState());
 
+  if (!initialized) {
+    return <></>;
+  }
+
   if (
     (activeTabId !== 'done' &&
       todayOrPreviousTasks?.length === 0 &&
@@ -73,7 +78,7 @@ export const TaskGroups = ({
           onClick={() =>
             openCreateActivity({
               type: 'Task',
-              targetableObjects,
+              targetableObjects: targetableObjects ?? [],
             })
           }
         />

packages/twenty-front/src/modules/activities/tasks/components/TaskList.tsx

@@ -2,13 +2,12 @@ import { ReactElement } from 'react';
 import styled from '@emotion/styled';
 
 import { Activity } from '@/activities/types/Activity';
-import { GraphQLActivity } from '@/activities/types/GraphQLActivity';
 
 import { TaskRow } from './TaskRow';
 
 type TaskListProps = {
   title?: string;
-  tasks: Omit<Activity, 'assigneeId'>[];
+  tasks: Activity[];
   button?: ReactElement | false;
 };
 
@@ -61,7 +60,7 @@ export const TaskList = ({ title, tasks, button }: TaskListProps) => (
         </StyledTitleBar>
         <StyledTaskRows>
           {tasks.map((task) => (
-            <TaskRow key={task.id} task={task as unknown as GraphQLActivity} />
+            <TaskRow key={task.id} task={task} />
           ))}
         </StyledTaskRows>
       </StyledContainer>

packages/twenty-front/src/modules/activities/tasks/components/TaskRow.tsx

@@ -4,7 +4,7 @@ import styled from '@emotion/styled';
 import { ActivityTargetChips } from '@/activities/components/ActivityTargetChips';
 import { useActivityTargetObjectRecords } from '@/activities/hooks/useActivityTargetObjectRecords';
 import { useOpenActivityRightDrawer } from '@/activities/hooks/useOpenActivityRightDrawer';
-import { GraphQLActivity } from '@/activities/types/GraphQLActivity';
+import { Activity } from '@/activities/types/Activity';
 import { getActivitySummary } from '@/activities/utils/getActivitySummary';
 import { IconCalendar, IconComment } from '@/ui/display/icon';
 import { OverflowingTextWithTooltip } from '@/ui/display/tooltip/OverflowingTextWithTooltip';
@@ -71,11 +71,7 @@ const StyledPlaceholder = styled.div`
   color: ${({ theme }) => theme.font.color.light};
 `;
 
-export const TaskRow = ({
-  task,
-}: {
-  task: Omit<GraphQLActivity, 'assigneeId'>;
-}) => {
+export const TaskRow = ({ task }: { task: Activity }) => {
   const theme = useTheme();
   const openActivityRightDrawer = useOpenActivityRightDrawer();
 
@@ -89,7 +85,7 @@ export const TaskRow = ({
   return (
     <StyledContainer
       onClick={() => {
-        openActivityRightDrawer(task.id);
+        openActivityRightDrawer(task);
       }}
     >
       <div