digitransit-ui/app/component/routepage/CallAgencyWarning.js

import React from 'react';
import get from 'lodash/get';
import { FormattedMessage } from 'react-intl';
import { configShape, routeShape } from '../../util/shapes';
import Icon from '../Icon';

const CallAgencyWarning = ({ route }) => (
  <div className="route-warning-message padding-normal">
    <div className="upper">
      <Icon className="warning-message-icon" img="icon-icon_call" />
      <FormattedMessage
        id="warning-call-agency-no-route"
        defaultMessage="Only on demand. Needs to be booked in advance."
      />
    </div>
    {get(route, 'agency.phone', false) ? (
      <div className="call-button">
        <a href={`tel:${route.agency.phone}`}>
          <FormattedMessage
            id="call-number"
            defaultMessage="Call"
            values={{ number: route.agency.phone }}
          />
        </a>
      </div>
    ) : (
      ''
    )}
  </div>
);

CallAgencyWarning.propTypes = {
  route: routeShape.isRequired,
};

CallAgencyWarning.contextTypes = {
  config: configShape.isRequired,
};

export default CallAgencyWarning;