Fix event participation

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/mixins/event.ts

@@ -44,19 +44,18 @@ export default class EventMixin extends mixins(Vue) {
             });
             if (participationCachedData == null) return;
             const { person } = participationCachedData;
-            if (person === null) {
-              console.error(
-                "Cannot update participation cache, because of null value."
-              );
-              return;
-            }
             [participation] = person.participations.elements;
-            person.participations.elements = [];
-            person.participations.total = 0;
-            store.writeQuery({
-              query: EVENT_PERSON_PARTICIPATION,
-              variables: { eventId: event.id, actorId },
-              data: { person },
+
+            store.modify({
+              id: `Person:${actorId}`,
+              fields: {
+                participations() {
+                  return {
+                    elements: [],
+                    total: 0,
+                  };
+                },
+              },
             });
           }
 
@@ -70,21 +69,27 @@ export default class EventMixin extends mixins(Vue) {
             console.error("Cannot update event cache, because of null value.");
             return;
           }
+          const participantStats = { ...eventCached.participantStats };
           if (
             participation &&
-            participation.role === ParticipantRole.NOT_APPROVED
+            participation?.role === ParticipantRole.NOT_APPROVED
           ) {
-            eventCached.participantStats.notApproved -= 1;
+            participantStats.notApproved -= 1;
           } else if (anonymousParticipationConfirmed === false) {
-            eventCached.participantStats.notConfirmed -= 1;
+            participantStats.notConfirmed -= 1;
           } else {
-            eventCached.participantStats.going -= 1;
-            eventCached.participantStats.participant -= 1;
+            participantStats.going -= 1;
+            participantStats.participant -= 1;
           }
           store.writeQuery({
             query: FETCH_EVENT,
             variables: { uuid: event.uuid },
-            data: { event: eventCached },
+            data: {
+              event: {
+                ...eventCached,
+                participantStats,
+              },
+            },
           });
         },
       });