@kiwicom/smart-faq/src/SmartFAQ/SingleBookingPage/bookingItem/BookingHeaders/Return.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 { FlightReturn } from '@kiwicom/orbit-components/lib/icons/';

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

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

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

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

export const RawReturnBookingHeader = ReturnBookingHeader;

export default createFragmentContainer(
  ReturnBookingHeader,
  graphql`
    fragment Return_booking on BookingReturn {
      outbound {
        departure {
          airport {
            city {
              name
            }
          }
        }
        arrival {
          airport {
            city {
              name
            }
          }
        }
      }
    }
  `,
);