From 1d0807f54238c8d8d242e3e5534c6d0868b3172b Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Tue, 13 Aug 2024 16:17:20 +0200
Subject: [PATCH] fix(apps): improve tanstack table handling of objects

---
 .../components/apps/components/display/table/AppCell.svelte | 6 +++++-
 .../apps/components/display/table/AppTableFooter.svelte     | 5 ++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/apps/components/display/table/AppCell.svelte b/frontend/src/lib/components/apps/components/display/table/AppCell.svelte
index 97eaea3635..f4abc40ade 100644
--- a/frontend/src/lib/components/apps/components/display/table/AppCell.svelte
+++ b/frontend/src/lib/components/apps/components/display/table/AppCell.svelte
@@ -80,7 +80,11 @@
 	{:else}
 		<!-- svelte-ignore a11y-no-static-element-interactions -->
 		<div on:dblclick={toggleEdit}>
-			{value}
+			{#if typeof value == 'object'}
+				{JSON.stringify(value)}
+			{:else}
+				{value}
+			{/if}
 		</div>
 	{/if}
 </td>
diff --git a/frontend/src/lib/components/apps/components/display/table/AppTableFooter.svelte b/frontend/src/lib/components/apps/components/display/table/AppTableFooter.svelte
index b3dcbb33d3..e0ab15a500 100644
--- a/frontend/src/lib/components/apps/components/display/table/AppTableFooter.svelte
+++ b/frontend/src/lib/components/apps/components/display/table/AppTableFooter.svelte
@@ -28,8 +28,11 @@
 		for (let i = 0; i < objArray.length; i++) {
 			let line = ''
 			for (let j = 0; j < headers.length; j++) {
-				const value = objArray[i][headers[j]]
+				let value = objArray[i][headers[j]]
 				line += j ? ',' : ''
+				if (typeof value != 'string') {
+					value = JSON.stringify(value)
+				}
 				line += /[\",\n]/.test(value) ? '"' + value.replace(/"/g, '""') + '"' : value
 			}
 			str += line + '\r\n'