viaone-report-statement/src/core/utils/common/messagesComponent.js

A React component that sums two number.

import React, { Suspense } from "react";
import { useTranslation } from "react-i18next";

const MessagesComponent = props => {
  const { message, typeMessage, handleCloseMessage } = props;
  const { t } = useTranslation();

  let typeMessageClass;
  switch (typeMessage) {
    case "success":
      typeMessageClass = "alert-success";
      break;
    case "error":
      typeMessageClass = "alert-danger";
      break;
    default:
      typeMessageClass = "";
      break;
  }

  if (message === "") return "";

  const textTranslate = t(message.toString());

  return (
    <Suspense fallback={<div>Loading...</div>}>
      <div className="reports-nav container mt-1 padding-report-filter padding-report">
        <div className="justify-content-center">
          <div
            className={` alert ${typeMessageClass} alert-dismissible fade show border-radius-general`}
            role="alert"
          >
            {textTranslate}
            <button
              type="button"
              className="close"
              data-dismiss="alert"
              aria-label="Close"
              onClick={handleCloseMessage}
            >
              <span>&times;</span>
            </button>
          </div>
        </div>
      </div>
    </Suspense>
  );
};

export default MessagesComponent;