andrewwallacespeckle
42 lines
1.1 KiB
Vue
42 lines
1.1 KiB
Vue
<template>
|
|
<div>
|
|
<div class="bg-foundation divide-y divide-outline-3 mb-8 empty:mb-0">
|
|
<ProjectsInviteBanners
|
|
v-if="projectsInvites?.projectInvites?.length"
|
|
:invites="projectsInvites"
|
|
/>
|
|
<WorkspaceInviteBanners
|
|
v-if="
|
|
workspacesInvites?.workspaceInvites?.length ||
|
|
workspacesInvites?.discoverableWorkspaces?.length
|
|
"
|
|
:invites="workspacesInvites"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import { graphql } from '~/lib/common/generated/gql'
|
|
import type {
|
|
ProjectsDashboardHeaderProjects_UserFragment,
|
|
ProjectsDashboardHeaderWorkspaces_UserFragment
|
|
} from '~/lib/common/generated/gql/graphql'
|
|
|
|
graphql(`
|
|
fragment ProjectsDashboardHeaderProjects_User on User {
|
|
...ProjectsInviteBanners
|
|
}
|
|
`)
|
|
|
|
graphql(`
|
|
fragment ProjectsDashboardHeaderWorkspaces_User on User {
|
|
...WorkspaceInviteBanners_User
|
|
}
|
|
`)
|
|
|
|
defineProps<{
|
|
projectsInvites?: ProjectsDashboardHeaderProjects_UserFragment
|
|
workspacesInvites?: ProjectsDashboardHeaderWorkspaces_UserFragment
|
|
}>()
|
|
</script>
|