digitransit-ui/app/component/itinerary/navigator/navigatorgeolocation/NaviGeolocationInfoModal.js

import PropTypes from 'prop-types';
import React from 'react';
import { intlShape } from 'react-intl';
import { configShape } from '../../../../util/shapes';
import { useLogo } from '../hooks/useLogo';
import NavigatorModal from '../NavigatorModal';
import NaviGeolocationInfo from './NaviGeolocationInfo';

const NaviGeolocationInfoModal = ({ onClose }, { config }) => {
  const { logo, loading } = useLogo(config.naviGeolocationGraphic);

  if (loading) {
    return null;
  }

  return (
    <NavigatorModal isOpen withBackdrop slideUp>
      <NaviGeolocationInfo logo={logo} onClose={onClose} />
    </NavigatorModal>
  );
};

NaviGeolocationInfoModal.propTypes = {
  onClose: PropTypes.func.isRequired,
};

NaviGeolocationInfoModal.contextTypes = {
  intl: intlShape.isRequired,
  config: configShape.isRequired,
};

export default NaviGeolocationInfoModal;