Truncate import folder name in unrecog util (#1082)

ShokoAnime · Sep 20, 2024 · 67b412c · 67b412c
1 parent a474b6a
commit 67b412c
Showing 1 changed file with 15 additions and 3 deletions.
diff --git 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,
       {