andrewwallacespeckle
76 lines
1.9 KiB
Vue
76 lines
1.9 KiB
Vue
<template>
|
|
<InviteBanner :invite="invite" :disabled="loading" @processed="processInvite">
|
|
<template #message>
|
|
<span class="font-medium">{{ invite.invitedBy.name }}</span>
|
|
has invited you to join
|
|
<template v-if="showWorkspaceName">
|
|
the workspace
|
|
<span class="font-medium">{{ invite.workspace.name }}</span>
|
|
</template>
|
|
<template v-else>this workspace</template>
|
|
</template>
|
|
</InviteBanner>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import type { Optional } from '@speckle/shared'
|
|
import type { WorkspaceInviteBanner_PendingWorkspaceCollaboratorFragment } from '~/lib/common/generated/gql/graphql'
|
|
import { useWorkspaceInviteManager } from '~/lib/workspaces/composables/management'
|
|
import { graphql } from '~~/lib/common/generated/gql'
|
|
import { useMixpanel } from '~~/lib/core/composables/mp'
|
|
|
|
graphql(`
|
|
fragment WorkspaceInviteBanner_PendingWorkspaceCollaborator on PendingWorkspaceCollaborator {
|
|
id
|
|
invitedBy {
|
|
id
|
|
...LimitedUserAvatar
|
|
}
|
|
workspace {
|
|
id
|
|
name
|
|
logo
|
|
}
|
|
token
|
|
user {
|
|
id
|
|
}
|
|
...UseWorkspaceInviteManager_PendingWorkspaceCollaborator
|
|
}
|
|
`)
|
|
|
|
const props = withDefaults(
|
|
defineProps<{
|
|
invite: WorkspaceInviteBanner_PendingWorkspaceCollaboratorFragment
|
|
showWorkspaceName?: boolean
|
|
}>(),
|
|
{ showWorkspaceName: true }
|
|
)
|
|
|
|
const { loading, accept, decline } = useWorkspaceInviteManager(
|
|
{
|
|
invite: computed(() => props.invite)
|
|
},
|
|
{
|
|
preventRedirect: true
|
|
}
|
|
)
|
|
|
|
const mixpanel = useMixpanel()
|
|
|
|
const processInvite = async (shouldAccept: boolean, token: Optional<string>) => {
|
|
if (!token) return
|
|
|
|
if (shouldAccept) {
|
|
await accept()
|
|
|
|
mixpanel.track('Workspace Joined', {
|
|
location: 'invite banner',
|
|
// eslint-disable-next-line camelcase
|
|
workspace_id: props.invite.workspace.id
|
|
})
|
|
} else {
|
|
await decline()
|
|
}
|
|
}
|
|
</script>
|