From 2c88767a53eb9821dcb919bec8bf3f5f08186e97 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Fri, 9 Feb 2024 16:14:51 +0100
Subject: [PATCH] fix nit custom client scope issue

---
 .../src/lib/components/OauthScopes.svelte     | 35 ++++++++++---------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/frontend/src/lib/components/OauthScopes.svelte b/frontend/src/lib/components/OauthScopes.svelte
index 3fbaa29215..d0201cad06 100644
--- a/frontend/src/lib/components/OauthScopes.svelte
+++ b/frontend/src/lib/components/OauthScopes.svelte
@@ -5,22 +5,25 @@
 	export let scopes: string[] = []
 </script>
 
-{#each scopes as v}
-	<div class="flex flex-row max-w-md mb-2">
-		<input type="text" bind:value={v} />
-		<Button
-			variant="border"
-			color="red"
-			size="xs"
-			btnClasses="mx-6"
-			on:click={() => {
-				scopes = scopes.filter((el) => el != v)
-			}}
-			startIcon={{ icon: Minus }}
-			iconOnly
-		/>
-	</div>
-{/each}
+{#if scopes && Array.isArray(scopes)}
+	{#each scopes as v}
+		<div class="flex flex-row max-w-md mb-2">
+			<input type="text" bind:value={v} />
+			<Button
+				variant="border"
+				color="red"
+				size="xs"
+				btnClasses="mx-6"
+				on:click={() => {
+					scopes = scopes.filter((el) => el != v)
+				}}
+				startIcon={{ icon: Minus }}
+				iconOnly
+			/>
+		</div>
+	{/each}
+{/if}
+
 <div class="flex items-center mt-1">
 	<Button
 		variant="border"