From d40cb8adc03b533e2d276802a883b5fe513175b5 Mon Sep 17 00:00:00 2001
From: Egbert Bouman <ebouman@gmail.com>
Date: Thu, 14 Nov 2024 15:34:03 +0100
Subject: [PATCH] Fix issues with long paths

---
 src/tribler/ui/src/dialogs/CreateTorrent.tsx   | 2 +-
 src/tribler/ui/src/dialogs/SaveAs.tsx          | 2 +-
 src/tribler/ui/src/pages/Downloads/Details.tsx | 4 ++--
 src/tribler/ui/src/pages/Downloads/Files.tsx   | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/tribler/ui/src/dialogs/CreateTorrent.tsx b/src/tribler/ui/src/dialogs/CreateTorrent.tsx
index 453a36ef29..ebe5e2ffa2 100644
--- a/src/tribler/ui/src/dialogs/CreateTorrent.tsx
+++ b/src/tribler/ui/src/dialogs/CreateTorrent.tsx
@@ -27,7 +27,7 @@ const filenameColumns: ColumnDef<Filename>[] = [
         accessorKey: "path",
         header: "Filename",
         cell: ({ row }) => {
-            return <span className="line-clamp-1 text-xs">{row.original.path}</span>
+            return <span className="break-all line-clamp-1 text-xs">{row.original.path}</span>
         },
     },
 ]
diff --git a/src/tribler/ui/src/dialogs/SaveAs.tsx b/src/tribler/ui/src/dialogs/SaveAs.tsx
index 260841b123..e3b29bd36b 100644
--- a/src/tribler/ui/src/dialogs/SaveAs.tsx
+++ b/src/tribler/ui/src/dialogs/SaveAs.tsx
@@ -48,7 +48,7 @@ const getFileColumns = ({ onSelectedFiles }: { onSelectedFiles: (row: Row<FileTr
                                 : <ChevronRight size="16" color="#777"></ChevronRight>}
                         </button>
                     )}
-                    {row.original.name}
+                    <span className="break-all line-clamp-1">{row.original.name}</span>
                 </div>
             )
         }
diff --git a/src/tribler/ui/src/pages/Downloads/Details.tsx b/src/tribler/ui/src/pages/Downloads/Details.tsx
index 45f48b50c2..ad71d466db 100644
--- a/src/tribler/ui/src/pages/Downloads/Details.tsx
+++ b/src/tribler/ui/src/pages/Downloads/Details.tsx
@@ -57,7 +57,7 @@ export default function DownloadDetails({ selectedDownloads }: { selectedDownloa
                         </div>
                         <div className="flex flex-row">
                             <div className="basis-1/4">{t('Name')}</div>
-                            <div className="basis-3/4">{download?.name}</div>
+                            <div className="basis-3/4 break-all line-clamp-1">{download?.name}</div>
                         </div>
                         <div className="flex flex-row">
                             <div className="basis-1/4">{t('Status')}</div>
@@ -77,7 +77,7 @@ export default function DownloadDetails({ selectedDownloads }: { selectedDownloa
                         </div>
                         <div className="flex flex-row">
                             <div className="basis-1/4">{t('Destination')}</div>
-                            <div className="basis-3/4">{download?.destination}</div>
+                            <div className="basis-3/4 break-all line-clamp-1">{download?.destination}</div>
                         </div>
                         <div className="flex flex-row">
                             <div className="basis-1/4">{t('Ratio')}</div>
diff --git a/src/tribler/ui/src/pages/Downloads/Files.tsx b/src/tribler/ui/src/pages/Downloads/Files.tsx
index c592d4dd51..aa73083b57 100644
--- a/src/tribler/ui/src/pages/Downloads/Files.tsx
+++ b/src/tribler/ui/src/pages/Downloads/Files.tsx
@@ -30,7 +30,7 @@ const getFileColumns = ({ onSelectedFiles }: { onSelectedFiles: (row: Row<FileTr
                                 : <ChevronRight size="16" color="#777"></ChevronRight>}
                         </button>
                     )}
-                    {row.original.name}
+                    <span className="break-all line-clamp-1">{row.original.name}</span>
                 </div>
             )
         }