From 16f5f3412731b9e5524bb3ce348becf2db79840d Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Tue, 28 Nov 2023 11:31:33 +0100
Subject: [PATCH] fix(frontend): Improve error message + fix overflow when file
 name is too long (#2691)

---
 frontend/src/lib/components/S3FilePicker.svelte | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/frontend/src/lib/components/S3FilePicker.svelte b/frontend/src/lib/components/S3FilePicker.svelte
index d1c05d5d08..78c6ea4994 100644
--- a/frontend/src/lib/components/S3FilePicker.svelte
+++ b/frontend/src/lib/components/S3FilePicker.svelte
@@ -301,11 +301,17 @@
 										} gap-2 h-full items-center`}
 									>
 										{#if file_info.type === 'folder'}
-											{#if file_info.collapsed}<FolderClosed />{:else}<FolderOpen />{/if}
-											{file_info.display_name}
+											{#if file_info.collapsed}<FolderClosed size={16} />{:else}<FolderOpen
+													size={16}
+												/>{/if}
+											<div class="truncate text-ellipsis w-56">
+												{file_info.display_name}
+											</div>
 										{:else}
-											<File />
-											{file_info.display_name}
+											<File size={16} />
+											<div class="truncate text-ellipsis w-56">
+												{file_info.display_name}
+											</div>
 										{/if}
 									</div>
 								</div>
@@ -366,7 +372,7 @@
 								{/if}
 							</div>
 							<pre class="grow whitespace-no-wrap break-words"
-								>{#if !emptyString(filePreview.contentPreview)}{filePreview.contentPreview}{:else if filePreview.contentType !== undefined}Preview impossible. If it's a CSV file, you can try changing the separator{/if}</pre
+								>{#if !emptyString(filePreview.contentPreview)}{filePreview.contentPreview}{:else if filePreview.contentType !== undefined}Preview impossible.{/if}</pre
 							>
 						{:else if filePreviewLoading}
 							<div class="flex h-6 items-center text-tertiary mb-4">