27 lines
No EOL
696 B
JavaScript
27 lines
No EOL
696 B
JavaScript
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; |