@kiwicom/smart-faq/src/shared/StaticFAQ/FAQExtraInfo/BoardingPassesInfo/BoardingPassesBoxContent.js

// @flow

import * as React from 'react';
import Separator from '@kiwicom/orbit-components/lib/Separator';
import Alert from '@kiwicom/orbit-components/lib/Alert';
import Translate from '@kiwicom/nitro/lib/components/Translate';

import BoardingPassesList from './BoardingPassesList';
import BoardingPassesLoader from './BoardingPassesLoader';

type Props = {|
  boardingPassesInfo: ?{|
    +$fragmentRefs: Object,
  |},
  error: ?Error,
|};

const BoardingPassesBoxContent = ({ boardingPassesInfo, error }: Props) => {
  if (error !== null) {
    return (
      <Alert
        icon={true}
        type="critical"
        title={
          <Translate t="smartfaq.boarding_pass_info.content.error_alert.title" />
        }
      >
        <Translate t="smartfaq.boarding_pass_info.content.error_alert.body" />
      </Alert>
    );
  }
  // Show the loading status if there is still no data and no error
  return boardingPassesInfo == null ? (
    <>
      <Separator />
      <BoardingPassesLoader />
    </>
  ) : (
    <BoardingPassesList boardingPassesInfo={boardingPassesInfo} />
  );
};

export default BoardingPassesBoxContent;