digitransit-ui/app/component/nearyou/UpdateLocationButton.js

import { FormattedMessage } from 'react-intl';
import React from 'react';
import PropTypes from 'prop-types';
import Icon from '../Icon';
import { useTranslationsContext } from '../../util/useTranslationsContext';

export default function UpdateLocationButton({ mode, onClick }) {
  const intl = useTranslationsContext();
  return (
    <div className="nearest-stops-update-container">
      <FormattedMessage id="nearest-stops-updated-location" />
      <button type="button" className="update-stops-button" onClick={onClick}>
        <Icon img="icon_update" />
        <FormattedMessage
          id="nearest-stops-update-location"
          defaultMessage="Update stops"
          values={{
            mode: intl.formatMessage({
              id: `nearest-stops-${mode.toLowerCase()}`,
            }),
          }}
        />
      </button>
    </div>
  );
}

UpdateLocationButton.propTypes = {
  mode: PropTypes.string.isRequired,
  onClick: PropTypes.func.isRequired,
};