mobilizon.chapril.org-mobil.../js/src/components/Participation/ParticipationWithAccount.vue
Thomas Citharel 9949fdab3b
Properly handle remote interactions
Previously we used instance1 event local URL but now we use the URL
property of an event (so that we don't need to follow the redirection to
the original event)

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
2021-01-15 16:55:58 +01:00

46 lines
1019 B
Vue

<template>
<redirect-with-account
v-if="uri"
:uri="uri"
:pathAfterLogin="`/events/${uuid}`"
:sentence="sentence"
/>
</template>
<script lang="ts">
import { Component, Prop, Vue } from "vue-property-decorator";
import RedirectWithAccount from "@/components/Utils/RedirectWithAccount.vue";
import { FETCH_EVENT } from "@/graphql/event";
import { IEvent } from "@/types/event.model";
@Component({
components: { RedirectWithAccount },
apollo: {
event: {
query: FETCH_EVENT,
fetchPolicy: "cache-and-network",
variables() {
return {
uuid: this.uuid,
};
},
skip() {
return !this.uuid;
},
},
},
})
export default class ParticipationWithAccount extends Vue {
@Prop({ type: String, required: true }) uuid!: string;
event!: IEvent;
get uri(): string | undefined {
return this.event?.url;
}
sentence = this.$t(
"We will redirect you to your instance in order to interact with this event"
);
}
</script>