Use forceRefetch for task update (#2695)

front/src/modules/activities/components/ActivityEditor.tsx

@@ -78,9 +78,7 @@ export const ActivityEditor = ({
     useState<boolean>(false);
 
   const [title, setTitle] = useState<string | null>(activity.title ?? '');
-  const [completedAt, setCompletedAt] = useState<string | null>(
-    activity.completedAt ?? '',
-  );
+
   const containerRef = useRef<HTMLDivElement>(null);
   const { updateOneObject } = useUpdateOneObjectRecord<Activity>({
     objectNameSingular: 'activity',
@@ -91,6 +89,7 @@ export const ActivityEditor = ({
     objectRecordId: activity.id,
     fieldMetadataName: 'dueAt',
     fieldPosition: 0,
+    forceRefetch: true,
   });
 
   const { FieldContextProvider: AssigneeFieldContextProvider } =
@@ -99,6 +98,7 @@ export const ActivityEditor = ({
       objectRecordId: activity.id,
       fieldMetadataName: 'assignee',
       fieldPosition: 1,
+      forceRefetch: true,
     });
 
   const updateTitle = useCallback(
@@ -119,8 +119,8 @@ export const ActivityEditor = ({
         input: {
           completedAt: value ? new Date().toISOString() : null,
         },
+        forceRefetch: true,
       });
-      setCompletedAt(value ? new Date().toISOString() : null);
     },
     [activity.id, updateOneObject],
   );
@@ -146,7 +146,7 @@ export const ActivityEditor = ({
           <ActivityTypeDropdown activity={activity} />
           <ActivityTitle
             title={title ?? ''}
-            completed={!!completedAt}
+            completed={!!activity.completedAt}
             type={activity.type}
             onTitleChange={(newTitle) => {
               setTitle(newTitle);

front/src/modules/activities/components/ActivityTitle.tsx

@@ -38,12 +38,6 @@ const StyledContainer = styled.div`
   width: 100%;
 `;
 
-const StyledCheckboxContainer = styled.div`
-  align-items: center;
-  display: flex;
-  justify-content: center;
-`;
-
 type ActivityTitleProps = {
   title: string;
   type: ActivityType;
@@ -61,13 +55,12 @@ export const ActivityTitle = ({
 }: ActivityTitleProps) => (
   <StyledContainer>
     {type === 'Task' && (
-      <StyledCheckboxContainer onClick={() => onCompletionChange(!completed)}>
-        <Checkbox
-          size={CheckboxSize.Large}
-          shape={CheckboxShape.Rounded}
-          checked={completed}
-        />
-      </StyledCheckboxContainer>
+      <Checkbox
+        size={CheckboxSize.Large}
+        shape={CheckboxShape.Rounded}
+        checked={completed}
+        onCheckedChange={(value) => onCompletionChange(value)}
+      />
     )}
     <StyledEditableTitleInput
       autoComplete="off"

front/src/modules/activities/tasks/hooks/useCompleteTask.ts

@@ -18,6 +18,7 @@ export const useCompleteTask = (task: Task) => {
         input: {
           completedAt,
         },
+        forceRefetch: true,
       });
     },
     [task.id, updateOneObject],