From eea848a719a81980afd2b00ec2849411b0b04bd3 Mon Sep 17 00:00:00 2001
From: Ariel Weiss <ariel@autofleet.io>
Date: Mon, 15 Apr 2024 14:10:13 +0300
Subject: [PATCH] remove number of lines limit in single display (#823)

---
 .../RideOptions/ServiceOptions/ServiceCard/index.js         | 6 ++++--
 .../RideDrawer/RideOptions/ServiceOptions/index.js          | 3 ++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/ServiceOptions/ServiceCard/index.js b/examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/ServiceOptions/ServiceCard/index.js
index c5be3a150..c775b885f 100644
--- a/examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/ServiceOptions/ServiceCard/index.js
+++ b/examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/ServiceOptions/ServiceCard/index.js
@@ -26,7 +26,9 @@ import showPriceBasedOnAccount from '../../../../../../services/showPriceBasedOn
 
 const FARE_POPUP = 'farePopup';
 
-const ServiceCard = ({ service, withBorder, testID }) => {
+const ServiceCard = ({
+  service, withBorder, testID, descriptionNumberOfLines,
+}) => {
   const { businessAccountId } = useContext(RidePageContext);
   const theme = useContext(ThemeContext);
   const {
@@ -90,7 +92,7 @@ const ServiceCard = ({ service, withBorder, testID }) => {
   };
 
   const getDescription = forFutureRidesView => (
-    <Description style={{ ...(forFutureRidesView && { width: '60%' }) }} numberOfLines={2}>
+    <Description style={{ ...(forFutureRidesView && { width: '60%' }) }} numberOfLines={descriptionNumberOfLines || null}>
       {(service.description || '')}
     </Description>
   );
diff --git a/examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/ServiceOptions/index.js b/examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/ServiceOptions/index.js
index fd1863e27..1a5341fad 100644
--- a/examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/ServiceOptions/index.js
+++ b/examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/ServiceOptions/index.js
@@ -79,7 +79,8 @@ const ServiceOptions = () => {
           <ServiceCard
             withBorder
             service={option}
-            key={option.name}
+            key={option.id}
+            descriptionNumberOfLines={2}
           />
         ))
       }