site-settings/form-general.jsx

form-general.jsx

import React, { Component } from 'react';
class SiteSettingsFormGeneral extends Component {
    blogAddress() {
        translate(
            'Buy a custom domain, ' +
            'map a domain you already own, ' +
            'or redirect this site.',
            {
                components: {
                    domainSearchLink: (
                        <a href={ '/domains/add/' + site.slug } onClick={ this.trackUpgradeClick } />
                    ),
                    mapDomainLink: (
                        <a href={ '/domains/add/mapping/' + site.slug } onClick={ this.trackUpgradeClick } />
                    ),
                    redirectLink: (
                        <a href={ '/domains/add/site-redirect/' + site.slug } onClick={ this.trackUpgradeClick } />
                    )
                }
            }
        )
        return (
            <FormFieldset className="site-settings__has-divider">
                <FormLabel htmlFor="blogaddress">{ translate( 'Site Address' ) }</FormLabel>
                <div className="site-settings__blogaddress-settings">
                    <FormInput
                        name="blogaddress"
                        type="text"
                        id="blogaddress"
                        value={ site.domain }
                        disabled="disabled" />
                    { customAddress }
                </div>
                { addressDescription }
            </FormFieldset>
        );
    }
    trackUpgradeClick() {
        this.props.recordTracksEvent( 'calypso_upgrade_nudge_cta_click', { cta_name: 'settings_site_address' } );
    }
}