Add optimistic response to starring contacts and tasks

CruGlobal · Nov 9, 2022 · b5153be · b5153be
1 parent 8930c7e
commit b5153be
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/...ponents/Contacts/ContactDetails/ContactTasksTab/StarTaskIconButton/StarTaskIconButton.tsx b/...ponents/Contacts/ContactDetails/ContactTasksTab/StarTaskIconButton/StarTaskIconButton.tsx
@@ -24,6 +24,16 @@ export const StarTaskIconButton: React.FC<Props> = ({
   const toggleStarred = () => {
     setTaskStarred({
       variables: { accountListId, taskId, starred: !isStarred },
+      optimisticResponse: {
+        updateTask: {
+          __typename: 'TaskUpdateMutationPayload',
+          task: {
+            __typename: 'Task',
+            id: taskId,
+            starred: !isStarred,
+          },
+        },
+      },
     });
   };
 

diff --git a/src/components/Contacts/StarContactIconButton/StarContactIconButton.tsx b/src/components/Contacts/StarContactIconButton/StarContactIconButton.tsx
@@ -22,6 +22,16 @@ export const StarContactIconButton: React.FC<Props> = ({
         event.stopPropagation();
         setContactStarred({
           variables: { accountListId, contactId, starred: !isStarred },
+          optimisticResponse: {
+            updateContact: {
+              __typename: 'ContactUpdateMutationPayload',
+              contact: {
+                __typename: 'Contact',
+                id: contactId,
+                starred: !isStarred,
+              },
+            },
+          },
         });
       }}
     >