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

ViaCheck deposit application

import React from 'react';

const rangerError = ({ message }) => {
  return (
    <div
      className="modal-information topZero"
      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>
      </div>
    </div>
  );
};

export default rangerError;