andrewwallacespeckle
876a0ee217
* New middleware. New page structure * Changes from designs * New workspace creation flow * FF Hide SSO * No middleware with no FF * When to show join * Update Join description text based on count * Use new FF * Major changes * Update join text * New FF in middleware * Discoverable Banners * Fix cache warning * Undo merge conflict * Revert merge conflicts * Remove unneeded change * Rename * Revert merge issues * Fix error * Remove FF * Check workspaces is enabled * Use FF to show old onboarding flow * Remove unused FF * Fixes from PR * Remove Region & SSO * Revert workspace wizard changes * WorkspaceDiscoverableWorkspacesCard * Remove old code that was hidden with FF * Fix * Changes from call with Mike * Fix typo * Fix typo * Update JoinPage.vue --------- Co-authored-by: Mike Tasset <mike.tasset@gmail.com>
55 lines
1.5 KiB
Vue
55 lines
1.5 KiB
Vue
<template>
|
|
<CommonCard class="w-full bg-foundation">
|
|
<div class="flex gap-4">
|
|
<div>
|
|
<WorkspaceAvatar :name="workspace.name" :logo="workspace.logo" size="xl" />
|
|
</div>
|
|
<div class="flex flex-col sm:flex-row gap-4 justify-between flex-1">
|
|
<div class="flex flex-col flex-1">
|
|
<h6 class="text-heading-sm">{{ workspace.name }}</h6>
|
|
<p class="text-body-2xs text-foreground-2">
|
|
{{ workspace.team?.totalCount }}
|
|
{{ workspace.team?.totalCount === 1 ? 'member' : 'members' }}
|
|
</p>
|
|
</div>
|
|
<FormButton
|
|
v-if="workspace.requestStatus"
|
|
color="outline"
|
|
size="sm"
|
|
disabled
|
|
class="capitalize"
|
|
>
|
|
{{ workspace.requestStatus }}
|
|
</FormButton>
|
|
<FormButton
|
|
v-else
|
|
color="outline"
|
|
size="sm"
|
|
@click="() => onRequest(workspace.id)"
|
|
>
|
|
Request to join
|
|
</FormButton>
|
|
</div>
|
|
</div>
|
|
</CommonCard>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { LimitedWorkspace } from '~/lib/common/generated/gql/graphql'
|
|
import { useDiscoverableWorkspaces } from '~/lib/workspaces/composables/discoverableWorkspaces'
|
|
|
|
type WorkspaceWithStatus = LimitedWorkspace & {
|
|
requestStatus: string | null
|
|
}
|
|
|
|
defineProps<{
|
|
workspace: WorkspaceWithStatus
|
|
}>()
|
|
|
|
const { processRequest } = useDiscoverableWorkspaces()
|
|
|
|
const onRequest = (workspaceId: string) => {
|
|
processRequest(true, workspaceId)
|
|
}
|
|
</script>
|