Files
speckle-server/packages/frontend-2/components/error/page/ProjectInviteBanner.vue
T
Kristaps Fabians Geikins f650d8645f fix(fe2): further datadog view name resolution improvements (#2164)
* fix(fe2): further datadog view name resolution improvements

* minor improvement

* auto accept invite fix
2024-03-26 10:18:54 +02:00

47 lines
1.3 KiB
Vue

<template>
<NuxtErrorBoundary @error="onError">
<ProjectsInviteBanner
v-if="invite"
:invite="invite"
:show-stream-name="false"
:auto-accept="shouldAutoAcceptInvite"
@processed="onProcessed"
/>
</NuxtErrorBoundary>
</template>
<script setup lang="ts">
import type { Optional } from '@speckle/shared'
import { useQuery } from '@vue/apollo-composable'
import { useNavigateToProject } from '~~/lib/common/helpers/route'
import { projectInviteQuery } from '~~/lib/projects/graphql/queries'
const route = useRoute()
const goToProject = useNavigateToProject()
const logger = useLogger()
const token = computed(() => route.query.token as Optional<string>)
const projectId = computed(() => route.params.id as Optional<string>)
const shouldAutoAcceptInvite = computed(() => route.query.accept === 'true')
const { result } = useQuery(
projectInviteQuery,
() => ({
projectId: projectId.value || '',
token: token.value
}),
() => ({ enabled: !!projectId.value })
)
const invite = computed(() => result.value?.projectInvite)
const onError = (err: unknown) => logger.error(err)
const onProcessed = (val: { accepted: boolean }) => {
const { accepted } = val
if (accepted && projectId.value && process.client) {
goToProject({ id: projectId.value })
}
}
</script>