From eebf3e472cd3ee1a78bc70ac2d8aa6badbf7e3c1 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Fri, 28 Apr 2023 00:52:08 +0200
Subject: [PATCH] treat null accordingly in arginfo

---
 frontend/src/lib/components/ArgInfo.svelte                    | 4 +++-
 .../src/lib/components/propertyPicker/ObjectViewer.svelte     | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/ArgInfo.svelte b/frontend/src/lib/components/ArgInfo.svelte
index bd06113ce1..bfc9a8cf18 100644
--- a/frontend/src/lib/components/ArgInfo.svelte
+++ b/frontend/src/lib/components/ArgInfo.svelte
@@ -31,7 +31,9 @@
 	</DrawerContent>
 </Drawer>
 
-{#if value == '<function call>'}
+{#if value == undefined || value == null}
+	<span class="text-gray-600">null</span>
+{:else if value == '<function call>'}
 	{'<function call>'}<Tooltip
 		>The arg was none and the default argument of the script is a function call, hence the actual
 		value used for this arg was the output of the script's function call for this arg</Tooltip
diff --git a/frontend/src/lib/components/propertyPicker/ObjectViewer.svelte b/frontend/src/lib/components/propertyPicker/ObjectViewer.svelte
index db3ae2f837..cf6cb33f37 100644
--- a/frontend/src/lib/components/propertyPicker/ObjectViewer.svelte
+++ b/frontend/src/lib/components/propertyPicker/ObjectViewer.svelte
@@ -146,10 +146,10 @@
 	}
 
 	.val.undefined {
-		@apply text-red-500;
+		@apply text-gray-600;
 	}
 	.val.null {
-		@apply text-red-500;
+		@apply text-gray-600;
 	}
 	.val.string {
 		@apply text-green-600;