Merge pull request #958 from kartoza/trim-the-observations-title-on-o…

…bs-card patch: trim the observations title on obs card
kartoza · Mar 6, 2024 · 43b09c4 · 43b09c4
2 parents c33019b + 2debcff
commit 43b09c4
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/django_project/minisass_frontend/src/components/Observations/index.tsx b/django_project/minisass_frontend/src/components/Observations/index.tsx
@@ -95,10 +95,21 @@ const Observations: React.FC<DesktopTwoColumnscoreProps> = (props) => {
     <div className={props.className}>
       <div className="flex flex-col gap-2 items-start justify-start w-full">
         <Text
-          className={`${titleColor} text-lg w-full`}
-          size="txtRalewayBold18Green800"
+            className={`${titleColor} text-lg w-full`}
+            size="txtRalewayBold18Green800"
         >
-          {props?.username}
+            {(
+                props?.organisation.length > 35 || 
+                props?.usernamejimtaylOne.length > 35
+            ) ? (
+                props?.username.length > 15 ? 
+                    `${props.username.substring(0, 15)}...` : 
+                    props.username
+            ) : (
+                props?.username.length > 23 ? 
+                    `${props.username.substring(0, 20)}...` : 
+                    props.username
+            )}
         </Text>
         <div className="flex flex-col items-start justify-start w-full">
           <Text