You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
19 lines
580 B
19 lines
580 B
// LoadingPopup.jsx
|
|
import React from 'react';
|
|
import ReactDOM from 'react-dom';
|
|
import './LoadingPopup.css'; // Use the styles you've provided earlier or updated
|
|
|
|
const LoadingPopup = ({ message = "Loading data, please wait..." }) => {
|
|
return ReactDOM.createPortal(
|
|
<div className="loading-overlay">
|
|
<div className="loading-box">
|
|
<div className="loading-title">Please Wait..</div>
|
|
<div className="spinner"></div>
|
|
<div className="loading-message">{message}</div>
|
|
</div>
|
|
</div>,
|
|
document.body
|
|
);
|
|
};
|
|
|
|
export default LoadingPopup;
|