@kiwicom/smart-faq/src/SmartFAQ/common/layout/BookingPage.js

// @flow

import * as React from 'react';

import AllBooking from '../../AllBookings/index';
import NearestBooking from '../../SingleBookingPage/NearestBooking';
import SelectedBooking from '../../SingleBookingPage/SelectedBooking';
import { Desktop, Mobile } from '../Responsive';

type Props = {
  bookingPage: 'SINGLE_BOOKING' | 'ALL_BOOKINGS',
  selectedBooking: ?number,
};

const BookingPage = ({ bookingPage, selectedBooking }: Props) => {
  const displaySingleBooking = selectedBooking ? (
    <SelectedBooking bookingId={selectedBooking} />
  ) : (
    <NearestBooking />
  );

  if (bookingPage === 'SINGLE_BOOKING') return displaySingleBooking;

  return (
    <React.Fragment>
      <Mobile>
        <AllBooking />
      </Mobile>
      <Desktop>
        {displaySingleBooking}
        <AllBooking />
      </Desktop>
    </React.Fragment>
  );
};

export default BookingPage;