Files
speckle-server/packages/frontend-2/components/error/page/ProjectAccessErrorBlock.vue
T
Kristaps Fabians Geikins 6bfffca0a9 fix: various invite flow fixes & improvements (#2451)
* fix(fe2): show signup CTA for non-registered invitees [web-1144]

* fix: server invite signup error

* WIP project error access block

* feat(fe2): better 'no project access' error screens

* CR fix
2024-06-28 17:26:11 +02:00

56 lines
1.5 KiB
Vue

<template>
<NuxtErrorBoundary @error="onError">
<ProjectsInviteBanner
v-if="invite"
:invite="invite"
:show-stream-name="false"
:auto-accept="shouldAutoAcceptInvite"
block
@processed="onProcessed"
/>
<ErrorPageGenericUnauthorizedBlock v-else />
</NuxtErrorBoundary>
</template>
<script setup lang="ts">
import type { Optional } from '@speckle/shared'
import { useQuery } from '@vue/apollo-composable'
import { projectRoute, useNavigateToHome } from '~/lib/common/helpers/route'
import { projectInviteQuery } from '~~/lib/projects/graphql/queries'
const route = useRoute()
const logger = useLogger()
const goHome = useNavigateToHome()
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 = async (val: { accepted: boolean }) => {
if (!import.meta.client) return
const { accepted } = val
if (accepted) {
if (projectId.value) {
window.location.href = projectRoute(projectId.value)
} else {
window.location.reload()
}
} else {
await goHome()
}
}
</script>