From aeebf6658ea2a9c33cca0f7fb088cca6efda53bb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Roger=20Bj=C3=B8rnstad?= <roger.bjornstad@nav.no>
Date: Mon, 2 Oct 2023 11:33:08 +0200
Subject: [PATCH] @loading on teamquery

---
 schema.graphql                                |  2 +-
 src/routes/team/[team]/(teamTabs)/+layout.gql |  2 +-
 .../team/[team]/(teamTabs)/+layout.svelte     | 20 ++++++++++++-------
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/schema.graphql b/schema.graphql
index 648b1eed..a46d9938 100644
--- a/schema.graphql
+++ b/schema.graphql
@@ -637,7 +637,7 @@ type Team implements Node {
   apps(after: Cursor, before: Cursor, first: Int, last: Int): AppConnection!
   deployKey: DeploymentKey!
   deployments(after: Cursor, before: Cursor, first: Int, last: Int, limit: Int): DeploymentConnection!
-  description: String
+  description: String!
   githubRepositories(after: Cursor, first: Int): GithubRepositoryConnection!
   id: ID!
   members(after: Cursor, before: Cursor, first: Int, last: Int): TeamMemberConnection!
diff --git a/src/routes/team/[team]/(teamTabs)/+layout.gql b/src/routes/team/[team]/(teamTabs)/+layout.gql
index dcd3c4dd..fcda8ef9 100644
--- a/src/routes/team/[team]/(teamTabs)/+layout.gql
+++ b/src/routes/team/[team]/(teamTabs)/+layout.gql
@@ -1,5 +1,5 @@
 query TeamRoles($team: String!) {
-	team(name: $team) {
+	team(name: $team) @loading {
 		viewerIsAdmin
 		viewerIsMember
 	}
diff --git a/src/routes/team/[team]/(teamTabs)/+layout.svelte b/src/routes/team/[team]/(teamTabs)/+layout.svelte
index e242b780..93c6a687 100644
--- a/src/routes/team/[team]/(teamTabs)/+layout.svelte
+++ b/src/routes/team/[team]/(teamTabs)/+layout.svelte
@@ -1,7 +1,9 @@
 <script lang="ts">
 	import { page } from '$app/stores';
-	import Tabs from '$lib/Tabs.svelte';
+	import { PendingValue } from '$houdini';
+	import Loading from '$lib/Loading.svelte';
 	import Tab from '$lib/Tab.svelte';
+	import Tabs from '$lib/Tabs.svelte';
 	import { replacer } from '$lib/replacer';
 	import type { PageData } from './$houdini';
 
@@ -39,12 +41,16 @@
 	{#each nav as { tab, routeId }}
 		<Tab href={replacer(routeId, { team })} active={currentRoute == routeId} title={tab} />
 	{/each}
-	{#if $TeamRoles.data?.team.viewerIsMember || $TeamRoles.data?.team.viewerIsAdmin}
-		<Tab
-			href={replacer('/team/[team]/(teamTabs)/settings', { team })}
-			active={currentRoute == '/team/[team]/(teamTabs)/settings'}
-			title="Settings"
-		/>
+	{#if $TeamRoles.data}
+		{#if $TeamRoles.data.team === PendingValue}
+			<Loading />
+		{:else if $TeamRoles.data.team.viewerIsMember || $TeamRoles.data.team.viewerIsAdmin}
+			<Tab
+				href={replacer('/team/[team]/(teamTabs)/settings', { team })}
+				active={currentRoute == '/team/[team]/(teamTabs)/settings'}
+				title="Settings"
+			/>
+		{/if}
 	{/if}
 </Tabs>
 <div class="container">