Files
speckle-server/packages/frontend-2/components/error/page/ProjectInviteBanner.vue
T
Kristaps Fabians Geikins eaf925b387 feat(fe-2): improved logging (#1684)
* feat(fe-2): improved logging

* yarn lock update

* attempted speckle/shared build fix

* helm updates

* Updates documentation for helm chart

---------

Co-authored-by: Iain Sproat <68657+iainsproat@users.noreply.github.com>
2023-07-12 10:21:08 +03:00

45 lines
1.2 KiB
Vue

<template>
<NuxtErrorBoundary @error="onError">
<ProjectsInviteBanner
v-if="invite"
:invite="invite"
:show-stream-name="false"
@processed="onProcessed"
/>
</NuxtErrorBoundary>
</template>
<script setup lang="ts">
import { 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 { 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>