digitransit-ui/app/component/itinerary/NoItinerariesNote.js

import React from 'react';
import PropTypes from 'prop-types';
import { matchShape } from 'found';
import connectToStores from 'fluxible-addons-react/connectToStores';
import {
  configShape,
  errorShape,
  RoutingerrorShape,
  locationStateShape,
  locationShape,
} from '../../util/shapes';
import ErrorCard from './ErrorCard';
import findErrorMessageIds from './findErrorMessageIds';
import errorCardProps from './errorCardProperties';

/**
 * Get error message visual properties.
 *
 * @param {Array.<String>} summaryMessageIds
 * @return {Object} { titleId, bodyId, linkComponent, iconType, iconImg, LinkComponent }
 */
function getErrorCardProps(summaryMessageIds) {
  // match to priority-ordered props list
  return (
    errorCardProps.find(({ id }) => summaryMessageIds.indexOf(id) >= 0)
      ?.props || {}
  );
}

function NoItinerariesNote(
  {
    from,
    to,
    walking,
    biking,
    driving,
    error,
    routingErrors,
    locationState,
    searchTime,
  },
  context,
) {
  const { match, config } = context;
  const { areaPolygon, minDistanceBetweenFromAndTo, nationalServiceLink } =
    config;
  const { hash } = match.params;
  const query = { from, to, searchTime, biking, driving, walking, hash };
  const currentTime = Date.now();
  if (!searchTime) {
    query.searchTime = currentTime;
  }
  const queryContext = {
    locationState,
    areaPolygon,
    minDistanceBetweenFromAndTo,
    error,
    currentTime,
  };
  const errorMessageIds = findErrorMessageIds(
    routingErrors,
    query,
    queryContext,
  );

  const { LinkComponent, titleId, bodyId, iconImg, iconType } =
    getErrorCardProps(errorMessageIds);

  const linkCompProps = {
    nationalServiceLink,
    match,
  };

  return (
    <ErrorCard
      msgId={bodyId}
      titleId={titleId}
      iconImg={iconImg}
      iconType={iconType}
    >
      {LinkComponent && <LinkComponent {...linkCompProps} />}
    </ErrorCard>
  );
}

NoItinerariesNote.propTypes = {
  from: locationShape.isRequired,
  to: locationShape.isRequired,
  locationState: locationStateShape,
  searchTime: PropTypes.number.isRequired,
  walking: PropTypes.bool,
  biking: PropTypes.bool,
  driving: PropTypes.bool,
  error: errorShape,
  routingErrors: PropTypes.arrayOf(RoutingerrorShape),
};

NoItinerariesNote.defaultProps = {
  walking: false,
  biking: false,
  driving: false,
  error: '',
  locationState: undefined,
  routingErrors: [],
};

NoItinerariesNote.contextTypes = {
  config: configShape.isRequired,
  match: matchShape.isRequired,
};

const connectedComponent = connectToStores(
  NoItinerariesNote,
  ['PositionStore'],
  context => ({
    locationState: context.getStore('PositionStore').getLocationState(),
  }),
);

export { connectedComponent as default, NoItinerariesNote as Component };