Update CarList.tsx

aelassas · Aug 26, 2024 · 17a901b · 17a901b
1 parent 622446e
commit 17a901b
Showing 1 changed file with 17 additions and 15 deletions.
diff --git a/frontend/src/components/CarList.tsx b/frontend/src/components/CarList.tsx
@@ -306,22 +306,24 @@ const CarList = ({
 
               {rows.map((car) => (
                 <div key={car._id} className="car-list-container">
-                  <div className="car-header">
-                    {pickupLocationName && (
-                      <>
-                        <div className="location">
-                          <LocationIcon />
-                          <span className="location-name">{pickupLocationName}</span>
-                        </div>
-                        {distance && (
-                          <div className="distance">
-                            <img alt="Distance" src={DistanceIcon} />
-                            <Badge backgroundColor="#D8EDF9" color="#000" text={`${distance} ${strings.FROM_YOU}`} />
+                  {(pickupLocationName || distance) && (
+                    <div className="car-header">
+                      {pickupLocationName && (
+                        <>
+                          <div className="location">
+                            <LocationIcon />
+                            <span className="location-name">{pickupLocationName}</span>
                           </div>
-                        )}
-                      </>
-                    )}
-                  </div>
+                          {distance && (
+                            <div className="distance">
+                              <img alt="Distance" src={DistanceIcon} />
+                              <Badge backgroundColor="#D8EDF9" color="#000" text={`${distance} ${strings.FROM_YOU}`} />
+                            </div>
+                          )}
+                        </>
+                      )}
+                    </div>
+                  )}
                   <article>
                     <div className="name">
                       <h2>{car.name}</h2>