hamlab/mobilizon-frontend
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: fetch discussion and ressources info when accepting a group invitation

Browse Source 
Also ensure that the actor is included in PERSON_STATUS_GROUP, to stay consistent with LOGGED_USER_MEMBERSHIPS as used in MyGroups.vue.

The accept-invitation and refuse-invitation events needed to be emitted before refetching PERSON_STATUS_GROUP, so they can be caught by GroupView.vue before <InvitationsList> is destroyed due to the v-if becoming false.

Fixes #1800
This commit is contained in:
Massedil
2025-06-20 18:36:28 +02:00
parent 108d34305e
commit 3447bdc864
3 changed files with 77 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
src/components/Group/InvitationsList.vue
View File

@@ -29,28 +29,33 @@ const emit = defineEmits<{
(e: "reject-invitation", member: IMember): void;
}>();
const {
mutate: acceptInvitation,
onDone: onAcceptInvitationDone,
onError: onAcceptInvitationError,
} = useMutation<{ acceptInvitation: IMember }, { id: string }>(
ACCEPT_INVITATION,
{
refetchQueries({ data }) {
const profile = data?.acceptInvitation?.actor as IPerson;
const group = data?.acceptInvitation?.parent as IGroup;
if (profile && group) {
return [
{
query: PERSON_STATUS_GROUP,
variables: { id: profile.id, group: usernameWithDomain(group) },
},
];
}
return [];
},
}
);
const { mutate: acceptInvitation, onError: onAcceptInvitationError } =
useMutation<{ acceptInvitation: IMember }, { id: string }>(
ACCEPT_INVITATION,
{
refetchQueries({ data }) {
if (!data?.acceptInvitation) {
console.error(data);
alert("Error while accepting invitation");
return [];
}
emit("accept-invitation", data?.acceptInvitation);
const profile = data?.acceptInvitation?.actor as IPerson;
const group = data?.acceptInvitation?.parent as IGroup;
if (profile && group) {
return [
{
query: PERSON_STATUS_GROUP,
variables: { id: profile.id, group: usernameWithDomain(group) },
},
];
}
return [];
},
}
);
const notifier = inject<Notifier>("notifier");
@@ -61,49 +66,36 @@ const onError = (error: ErrorResponse) => {
}
};
onAcceptInvitationDone((result) => {
if (!result.data?.acceptInvitation) {
console.error(result);
alert("Error while accepting invitation");
return;
}
emit("accept-invitation", result.data?.acceptInvitation);
});
onAcceptInvitationError((err) => onError(err as unknown as ErrorResponse));
const {
mutate: rejectInvitation,
onDone: onRejectInvitationDone,
onError: onRejectInvitationError,
} = useMutation<{ rejectInvitation: IMember }, { id: string }>(
REJECT_INVITATION,
{
refetchQueries({ data }) {
// TODO Refetching the PERSON_STATUS_GROUP query is useless for the Mygroup.vue page
const profile = data?.rejectInvitation?.actor as IPerson;
const group = data?.rejectInvitation?.parent as IGroup;
if (profile && group) {
return [
{
query: PERSON_STATUS_GROUP,
variables: { id: profile.id, group: usernameWithDomain(group) },
},
];
}
return [];
},
}
);
const { mutate: rejectInvitation, onError: onRejectInvitationError } =
useMutation<{ rejectInvitation: IMember }, { id: string }>(
REJECT_INVITATION,
{
refetchQueries({ data }) {
if (!data?.rejectInvitation) {
console.error(data);
alert("Error while rejecting invitation");
return [];
}
onRejectInvitationDone((result) => {
if (!result.data?.rejectInvitation) {
console.error(result);
alert("Error while rejecting invitation");
return;
}
emit("reject-invitation", result.data?.rejectInvitation);
});
emit("reject-invitation", data?.rejectInvitation);
// TODO Refetching the PERSON_STATUS_GROUP query is useless for the Mygroup.vue page
const profile = data?.rejectInvitation?.actor as IPerson;
const group = data?.rejectInvitation?.parent as IGroup;
if (profile && group) {
return [
{
query: PERSON_STATUS_GROUP,
variables: { id: profile.id, group: usernameWithDomain(group) },
},
];
}
return [];
},
}
);
onRejectInvitationError((err) => onError(err as unknown as ErrorResponse));
</script>