viam-projectv-scan/src/js/components/scanList/errorDetail.js

ViaCheck deposit application

import React from 'react';

const errorDetail = ({ message, close }) => {
  return (
    <div
      className="modal-information"
      id="noticeModalerror"
      tabIndex="-1"
      role="dialog"
      aria-labelledby="noticeModalLabel"
      aria-hidden="true"
    >
      <div className="modal-dialog notice-modal" role="document">
        <div className="modal-content">
          <div className="modal-header">
            <button
              type="button"
              className="close"
              data-dismiss="modal"
              aria-label="Close"
              onClick={() => close()}
            >
              <i className="fas fa-times" />
            </button>
          </div>
          <div className="modal-body">
            <div className="round-item bg-red">
              <i className="fas fa-times text-white" />
            </div>
            <h1 className="text-danger lato-font">Error!</h1>
            <h5 className="text-black lato-font">
              {message.split('\n').map(function setMessageError(item) {
                return (
                  <span key={item}>
                    {item}
                    <br />
                  </span>
                );
              })}
            </h5>
          </div>
          <div className="modal-footer text-center mx-auto">
            <button
              type="button"
              className="btn btn-primary"
              data-dismiss="modal"
              onClick={() => close()}
            >
              INTENTE NUEVAMENTE
            </button>
          </div>
        </div>
      </div>
    </div>
  );
};

export default errorDetail;