From f3ab2d2bc498c745412604bf03822b5211ea23bc Mon Sep 17 00:00:00 2001
From: Harshith Mohan <26010946+harshithmohan@users.noreply.github.com>
Date: Sat, 21 Sep 2024 01:32:53 +0530
Subject: [PATCH] Truncate import folder name in unrecog util

---
 .../UnrecognizedTab.tsx                        | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/pages/utilities/UnrecognizedUtilityTabs/UnrecognizedTab.tsx b/src/pages/utilities/UnrecognizedUtilityTabs/UnrecognizedTab.tsx
index 3e975922..f7eec7dc 100644
--- a/src/pages/utilities/UnrecognizedUtilityTabs/UnrecognizedTab.tsx
+++ b/src/pages/utilities/UnrecognizedUtilityTabs/UnrecognizedTab.tsx
@@ -266,11 +266,23 @@ function UnrecognizedTab() {
         id: 'importFolder',
         name: 'Import Folder',
         className: 'w-40',
-        item: file =>
-          find(
+        item: (file) => {
+          const importFolder = find(
             importFolders,
             { ID: file?.Locations[0]?.ImportFolderID ?? -1 },
-          )?.Name ?? '<Unknown>',
+          )?.Name ?? '<Unknown>';
+
+          return (
+            <div
+              className="truncate"
+              data-tooltip-id="tooltip"
+              data-tooltip-content={importFolder}
+              data-tooltip-delay-show={500}
+            >
+              {importFolder}
+            </div>
+          );
+        },
       },
       ...staticColumns,
       {