# better-payment/2.2.0/src/campaign-builder/components/TitleRequiredModal.js

Better Payment – Instant Payments, Donations, Fundraising with Subscriptions & More, version 2.2.0. 26 lines.

- Page: https://pluginprobe.com/plugins/better-payment/2.2.0/code/src/campaign-builder/components/TitleRequiredModal.js
- Raw: https://pluginprobe.com/plugins/better-payment/2.2.0/raw/src/campaign-builder/components/TitleRequiredModal.js
- Modified: 2026-06-08T10:50:18+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/better-payment/2.2.0/code/src/campaign-builder/components/TitleRequiredModal.js#L10-L20`.

```javascript
import { __ } from '@wordpress/i18n';

export default function TitleRequiredModal( { onClose } ) {
    return (
        <div className="bp-name-modal-overlay" onClick={ onClose }>
            <div className="bp-title-required-modal" onClick={ ( e ) => e.stopPropagation() }>
                <div className="bp-title-required-modal__icon">
                    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <circle cx="12" cy="12" r="12" fill="#E05A2B"/>
                        <text x="12" y="17" textAnchor="middle" fill="white" fontSize="14" fontWeight="bold" fontFamily="serif">i</text>
                    </svg>
                </div>
                <h3 className="bp-title-required-modal__heading">
                    { __( 'Please enter a campaign name.', 'better-payment' ) }
                </h3>
                <p className="bp-title-required-modal__body">
                    { __( 'You need a name for your campaign before you save.', 'better-payment' ) }
                </p>
                <button className="bp-title-required-modal__ok" onClick={ onClose }>
                    { __( 'OK', 'better-payment' ) }
                </button>
            </div>
        </div>
    );
}

```