From a6fc8862980b59048b43f5c3204180b487832204 Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Thu, 30 May 2024 12:45:33 +0530
Subject: [PATCH] show paranthesis only when both short and long name are
 present

---
 src/components/ReportActionItem/TripDetailsView.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/ReportActionItem/TripDetailsView.tsx b/src/components/ReportActionItem/TripDetailsView.tsx
index 1c8b2a27d6b4..863531bc7e0a 100644
--- 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: