fix: text truncate issue

devtron-labs · Jan 10, 2025 · 68e62d4 · 68e62d4
1 parent b5db2e7
commit 68e62d4
Showing 1 changed file with 4 additions and 8 deletions.
diff --git a/src/Shared/Components/ShowMoreText/ShowMoreText.tsx b/src/Shared/Components/ShowMoreText/ShowMoreText.tsx
@@ -40,17 +40,13 @@ const ShowMoreText = ({ text, textClass }: ShowMoreTextProps) => {
     const toggleShowText = () => {
         setShowAllText(!showAllText)
     }
-    const getTextClassName = () => {
-        if (showAllText) {
-            return textClass || ''
-        }
-
-        return `${textClass || ''} dc__truncate`
-    }
 
     return (
         <div className="min-w-385 pr-20">
-            <span ref={ellipsisText} className={getTextClassName()}>
+            <span
+                ref={ellipsisText}
+                className={`${textClass || ''} ${!showAllText ? 'dc__truncate' : ''} dc__word-break`}
+            >
                 {text}
             </span>
             {showToggle && (