From b94da205a58770bcbfb5e29b7daaea7b1cf74a82 Mon Sep 17 00:00:00 2001
From: Sean Hatfield <seanhatfield5@gmail.com>
Date: Tue, 6 Feb 2024 11:30:49 -0800
Subject: [PATCH] fix truncate function to handle Chinese characters (#677)

* fix truncate function to handle Chinese characters

* revert changes to truncate function and cut off title using css

* add CSS ellipse on long file name

* fix uploaded middleTruncation as well as directory

---------

Co-authored-by: timothycarambat <rambat1010@gmail.com>
---
 .../Modals/MangeWorkspace/Documents/Directory/FileRow/index.jsx | 2 +-
 .../Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Modals/MangeWorkspace/Documents/Directory/FileRow/index.jsx b/frontend/src/components/Modals/MangeWorkspace/Documents/Directory/FileRow/index.jsx
index 61187f55..7e2259b2 100644
--- a/frontend/src/components/Modals/MangeWorkspace/Documents/Directory/FileRow/index.jsx
+++ b/frontend/src/components/Modals/MangeWorkspace/Documents/Directory/FileRow/index.jsx
@@ -78,7 +78,7 @@ export default function FileRow({
           onMouseEnter={handleMouseEnter}
           onMouseLeave={handleMouseLeave}
         >
-          <p className="whitespace-nowrap overflow-hidden">
+          <p className="whitespace-nowrap overflow-hidden max-w-[165px] text-ellipsis">
             {middleTruncate(item.title, 17)}
           </p>
           {showTooltip && (
diff --git a/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx b/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
index 99493dba..91e165d4 100644
--- a/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
+++ b/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
@@ -64,7 +64,7 @@ export default function WorkspaceFileRow({
           onMouseEnter={handleMouseEnter}
           onMouseLeave={handleMouseLeave}
         >
-          <p className="whitespace-nowrap overflow-hidden">
+          <p className="whitespace-nowrap overflow-hidden max-w-[165px] text-ellipsis">
             {middleTruncate(item.title, 17)}
           </p>
           {showTooltip && (