//@flow
import React from "react";
import { translate } from "react-i18next";
import { BackendError, UnauthorizedError } from "./errors";
import Notification from "./Notification";
import BackendErrorNotification from "./BackendErrorNotification";

type Props = {
  t: string => string,
  error?: Error
};


class ErrorNotification extends React.Component<Props> {
  render() {
    const { t, error } = this.props;
    if (error) {
      if (error instanceof BackendError) {
        return <BackendErrorNotification error={error} />
      } else if (error instanceof UnauthorizedError) {
        return (
          <Notification type="danger">
            <strong>{t("error-notification.prefix")}:</strong>{" "}
            {t("error-notification.timeout")}{" "}
            <a href="javascript:window.location.reload(true)">
              {t("error-notification.loginLink")}
            </a>
          </Notification>
        );
      } else {
        return (
          <Notification type="danger">
            <strong>{t("error-notification.prefix")}:</strong> {error.message}
          </Notification>
        );
      }
    }
    return null;
  }
}

export default translate("commons")(ErrorNotification);