18F/cg-dashboard

import PropTypes from "prop-types";
import React from "react";

import Notification from "./notification.jsx";
import { config } from "skin";
import errorActions from "../actions/error_actions.js";

const propTypes = {
  err: PropTypes.object
};

const defaultProps = {};

export default class GlobalError extends React.Component {
  constructor(props) {
    super(props);

    this.onNotificationDismiss = this.onNotificationDismiss.bind(this);
    this.onNotificationRefresh = this.onNotificationRefresh.bind(this);
  }

  onNotificationDismiss(ev) {
    ev.preventDefault();
    errorActions.dismissError(this.props.err);
  }

  onNotificationRefresh(ev) {
    ev.preventDefault();
    window.location.reload();
  }

  render() {
    const err = this.props.err;
    const link = config.docs.status && (
      <span>
        {" "}
        check <a href={config.docs.status}>
          {config.platform.name}'s status
        </a>{" "}
        or
      </span>
    );

    const description = err.description || "An unknown error occurred";
    const wrappedDescription = (
      <span>
        {description}. {description.length > 80 && <br />}
        Please {link} try again.
      </span>
    );

    return (
      <Notification
        message={wrappedDescription}
        actions={[
          { text: "Refresh", clickHandler: this.onNotificationRefresh }
        ]}
        onDismiss={this.onNotificationDismiss}
      />
    );
  }
}

GlobalError.propTypes = propTypes;
GlobalError.defaultProps = defaultProps;