UNPKG

@kiwicom/smart-faq

Version:

Smart FAQ

54 lines (46 loc) 1.25 kB
// @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 } } } } } `, );