Fix MyEvents pagination

And reverse order for past events so that it's coherent

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2020-07-06 17:35:03 +02:00
parent 1d2038c9a0
commit 300fd8b729
No known key found for this signature in database
GPG key ID: A061B9DDE0CA0773

View file

@ -169,13 +169,24 @@ export default class MyEvents extends Vue {
drafts: IEvent[] = []; drafts: IEvent[] = [];
static monthlyParticipations(participations: IParticipant[]): Map<string, Participant[]> { static monthlyParticipations(
participations: IParticipant[],
revertSort: boolean = false
): Map<string, Participant[]> {
const res = participations.filter( const res = participations.filter(
({ event, role }) => event.beginsOn != null && role !== ParticipantRole.REJECTED ({ event, role }) => event.beginsOn != null && role !== ParticipantRole.REJECTED
); );
if (revertSort) {
res.sort( res.sort(
(a: IParticipant, b: IParticipant) => a.event.beginsOn.getTime() - b.event.beginsOn.getTime() (a: IParticipant, b: IParticipant) =>
b.event.beginsOn.getTime() - a.event.beginsOn.getTime()
); );
} else {
res.sort(
(a: IParticipant, b: IParticipant) =>
a.event.beginsOn.getTime() - b.event.beginsOn.getTime()
);
}
return res.reduce((acc: Map<string, IParticipant[]>, participation: IParticipant) => { return res.reduce((acc: Map<string, IParticipant[]>, participation: IParticipant) => {
const month = new Date(participation.event.beginsOn).toLocaleDateString(undefined, { const month = new Date(participation.event.beginsOn).toLocaleDateString(undefined, {
year: "numeric", year: "numeric",
@ -193,7 +204,7 @@ export default class MyEvents extends Vue {
} }
get monthlyPastParticipations(): Map<string, Participant[]> { get monthlyPastParticipations(): Map<string, Participant[]> {
return MyEvents.monthlyParticipations(this.pastParticipations); return MyEvents.monthlyParticipations(this.pastParticipations, true);
} }
loadMoreFutureParticipations() { loadMoreFutureParticipations() {
@ -206,13 +217,19 @@ export default class MyEvents extends Vue {
}, },
// Transform the previous result with new data // Transform the previous result with new data
updateQuery: (previousResult, { fetchMoreResult }) => { updateQuery: (previousResult, { fetchMoreResult }) => {
const oldParticipations = previousResult.loggedUser.participations;
const newParticipations = fetchMoreResult.loggedUser.participations; const newParticipations = fetchMoreResult.loggedUser.participations;
this.hasMoreFutureParticipations = newParticipations.length === this.limit; this.hasMoreFutureParticipations =
newParticipations.total === oldParticipations.length + newParticipations.length;
return { return {
loggedUser: { loggedUser: {
__typename: previousResult.loggedUser.__typename, __typename: previousResult.loggedUser.__typename,
participations: [...previousResult.loggedUser.participations, ...newParticipations], participations: {
__typename: newParticipations.__typename,
total: newParticipations.total,
elements: [...oldParticipations.elements, ...newParticipations.elements],
},
}, },
}; };
}, },
@ -229,13 +246,19 @@ export default class MyEvents extends Vue {
}, },
// Transform the previous result with new data // Transform the previous result with new data
updateQuery: (previousResult, { fetchMoreResult }) => { updateQuery: (previousResult, { fetchMoreResult }) => {
const oldParticipations = previousResult.loggedUser.participations;
const newParticipations = fetchMoreResult.loggedUser.participations; const newParticipations = fetchMoreResult.loggedUser.participations;
this.hasMorePastParticipations = newParticipations.length === this.limit; this.hasMorePastParticipations =
newParticipations.total === oldParticipations.length + newParticipations.length;
return { return {
loggedUser: { loggedUser: {
__typename: previousResult.loggedUser.__typename, __typename: previousResult.loggedUser.__typename,
participations: [...previousResult.loggedUser.participations, ...newParticipations], participations: {
__typename: newParticipations.__typename,
total: newParticipations.total,
elements: [...oldParticipations.elements, ...newParticipations.elements],
},
}, },
}; };
}, },