From 68e62d4a9fff73b2295b7b5879fbb662aba1b5f3 Mon Sep 17 00:00:00 2001
From: Eshank Vaish <48060426+eshankvaish@users.noreply.github.com>
Date: Fri, 10 Jan 2025 12:34:59 +0530
Subject: [PATCH] fix: text truncate issue

---
 src/Shared/Components/ShowMoreText/ShowMoreText.tsx | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/Shared/Components/ShowMoreText/ShowMoreText.tsx b/src/Shared/Components/ShowMoreText/ShowMoreText.tsx
index 178d6e8e0..6ccfc0a80 100644
--- 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 && (