show paranthesis only when both short and long name are present

Expensify · May 30, 2024 · a6fc886 · a6fc886
1 parent e5a6960
commit a6fc886
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/components/ReportActionItem/TripDetailsView.tsx b/src/components/ReportActionItem/TripDetailsView.tsx
@@ -34,8 +34,15 @@ function ReservationView({reservation}: ReservationViewProps) {
 
     const reservationIcon = TripReservationUtils.getTripReservationIcon(reservation.type);
 
-    const formatAirportInfo = (reservationTimeDetails: ReservationTimeDetails) =>
-        `${reservationTimeDetails?.longName ? `${reservationTimeDetails?.longName} ` : ''}${reservationTimeDetails?.shortName}`;
+    const formatAirportInfo = (reservationTimeDetails: ReservationTimeDetails) => {
+        const longName = reservationTimeDetails?.longName ? `${reservationTimeDetails?.longName} ` : '';
+        let shortName = reservationTimeDetails?.shortName ? `${reservationTimeDetails?.shortName}` : '';
+
+        shortName = longName && shortName ? `(${shortName})` : shortName;
+
+        return `${longName}${shortName}`;
+    };
+
     const getFormattedDate = () => {
         switch (reservation.type) {
             case CONST.RESERVATION_TYPE.FLIGHT: