27 lines
696 B
React
27 lines
696 B
React
|
import './ModalErrorDisplay.css';
|
|||
|
|
|
|||
|
|
const ModalErrorDisplay = ({ error, onDismiss }) => {
|
|||
|
|
if (!error) return null;
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<div className="modal-error-display">
|
|||
|
|
<div className="modal-error-content">
|
|||
|
|
<div className="modal-error-icon">⚠️</div>
|
|||
|
|
<div className="modal-error-message">
|
|||
|
|
{typeof error === 'string' ? error : error.message || 'An error occurred'}
|
|||
|
|
</div>
|
|||
|
|
{onDismiss && (
|
|||
|
|
<button
|
|||
|
|
className="modal-error-dismiss"
|
|||
|
|
onClick={onDismiss}
|
|||
|
|
aria-label="Dismiss error"
|
|||
|
|
>
|
|||
|
|
×
|
|||
|
|
</button>
|
|||
|
|
)}
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
export default ModalErrorDisplay;
|