| 1 |
import { __ } from '@wordpress/i18n'; |
| 2 |
|
| 3 |
export default function TitleRequiredModal( { onClose } ) { |
| 4 |
return ( |
| 5 |
<div className="bp-name-modal-overlay" onClick={ onClose }> |
| 6 |
<div className="bp-title-required-modal" onClick={ ( e ) => e.stopPropagation() }> |
| 7 |
<div className="bp-title-required-modal__icon"> |
| 8 |
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 9 |
<circle cx="12" cy="12" r="12" fill="#E05A2B"/> |
| 10 |
<text x="12" y="17" textAnchor="middle" fill="white" fontSize="14" fontWeight="bold" fontFamily="serif">i</text> |
| 11 |
</svg> |
| 12 |
</div> |
| 13 |
<h3 className="bp-title-required-modal__heading"> |
| 14 |
{ __( 'Please enter a campaign name.', 'better-payment' ) } |
| 15 |
</h3> |
| 16 |
<p className="bp-title-required-modal__body"> |
| 17 |
{ __( 'You need a name for your campaign before you save.', 'better-payment' ) } |
| 18 |
</p> |
| 19 |
<button className="bp-title-required-modal__ok" onClick={ onClose }> |
| 20 |
{ __( 'OK', 'better-payment' ) } |
| 21 |
</button> |
| 22 |
</div> |
| 23 |
</div> |
| 24 |
); |
| 25 |
} |
| 26 |
|
