workload deploy fallback text and unwrap app status

Author: andnorda

src/lib/components/WorkloadDeploy.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { fragment, graphql, type WorkloadDeploy } from '$houdini';
 	import Time from '$lib/Time.svelte';
-	import { Link, BodyShort, Heading } from '@nais/ds-svelte-community';
+	import { BodyShort, Heading, Link } from '@nais/ds-svelte-community';
 	import { ExternalLinkIcon } from '@nais/ds-svelte-community/icons';
 
 	interface Props {
@@ -58,7 +58,7 @@
 			>
 		{/if}
 	{:else}
-		<BodyShort>No deployments</BodyShort>
+		<BodyShort>No deployment metadata found for workload.</BodyShort>
 	{/if}
 </div>
 

src/routes/team/[team]/[env]/app/[app]/status/+page.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
 	import AppErrorTypeToMessage from '$lib/AppErrorTypeToMessage.svelte';
-	import Card from '$lib/Card.svelte';
 	import GraphErrors from '$lib/GraphErrors.svelte';
 	import { Alert } from '@nais/ds-svelte-community';
 	import type { PageData } from './$houdini';
@@ -14,21 +13,18 @@
 	let { AppNotificationState } = $derived(data);
 </script>
 
-<Card>
+<GraphErrors errors={$AppNotificationState.errors} />
+
+{#if $AppNotificationState.data}
+	{@const app = $AppNotificationState.data.team.environment.application}
+
 	<div>
-		<GraphErrors errors={$AppNotificationState.errors} />
+		{#if app.status.errors && app.status.errors.length > 0}
+			{#each app.status.errors as error (error)}
+				<AppErrorTypeToMessage {error} />
+			{/each}
+		{:else}
+			<Alert variant="info">All nais!</Alert>
+		{/if}
 	</div>
-	{#if $AppNotificationState.data}
-		{@const app = $AppNotificationState.data.team.environment.application}
-
-		<div>
-			{#if app.status.errors && app.status.errors.length > 0}
-				{#each app.status.errors as error (error)}
-					<AppErrorTypeToMessage {error} />
-				{/each}
-			{:else}
-				<Alert variant="info">All nais!</Alert>
-			{/if}
-		</div>
-	{/if}
-</Card>
+{/if}