Add skeleton to inventory

See #56
nais · Apr 22, 2024 · 729c148 · 729c148
1 parent 0fb0c5c
commit 729c148
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/lib/components/TeamStatus.svelte b/src/lib/components/TeamStatus.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { PendingValue, graphql } from '$houdini';
 	import Nais from '$lib/icons/Nais.svelte';
+	import { Skeleton } from '@nais/ds-svelte-community';
 	import { ExclamationmarkTriangleFillIcon } from '@nais/ds-svelte-community/icons';
 	import type { TeamStatusVariables } from './$houdini';
 
@@ -86,6 +87,9 @@
 		</p>
 	{/if}
 	<!-- TODO: Team status NAIS icon -->
+{:else if team && team.id === PendingValue}
+	<Skeleton variant="text" width="100px" />
+	<Skeleton variant="text" width="120px" />
 {/if}
 
 <style>