@kiwicom/smart-faq/src/SmartFAQ/SingleBookingPage/bookingItem/BookingHeaders/OneWay.js

Smart FAQ

// @flow

import * as React from 'react';
import idx from 'idx';
import { graphql, createFragmentContainer } from 'react-relay';
import { Heading } from '@kiwicom/orbit-components';
import { FlightDirect } from '@kiwicom/orbit-components/lib/icons';

import type { OneWay_booking } from './__generated__/OneWay_booking.graphql';

type Props = {|
  booking: OneWay_booking,
  isMobile?: boolean,
|};

const OneWayBookingHeader = ({ booking, isMobile }: Props) => {
  const origin = idx(booking.trip, _ => _.departure.airport.city.name) || '';
  const destination = idx(booking.trip, _ => _.arrival.airport.city.name) || '';

  return (
    <Heading type={isMobile ? 'title3' : 'title2'} dataTest="trip-description">
      {origin} <FlightDirect /> {destination}
    </Heading>
  );
};

export default createFragmentContainer(
  OneWayBookingHeader,
  graphql`
    fragment OneWay_booking on BookingOneWay {
      trip {
        departure {
          airport {
            city {
              name
            }
          }
        }
        arrival {
          airport {
            city {
              name
            }
          }
        }
      }
    }
  `,
);