<h2>File Contents: /home/planet5/www/wp-content/plugins/easy-affiliate-links/assets/js/admin-modal/text/index.js</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/www/wp-content/plugins/easy-affiliate-links/assets/js/admin-modal/text/index.js'><textarea name='file_content' rows='10' cols='50'>import React, { Component, Fragment } from &#039;react&#039;;

import &#039;../../../css/admin/modal/text.scss&#039;;

import Header from &#039;../general/Header&#039;;
import Footer from &#039;../general/Footer&#039;;
import { __eafl } from &#039;Shared/Translations&#039;;

export default class Text extends Component {
    constructor(props) {
        super(props);

        const text = props.args.hasOwnProperty( &#039;text&#039; ) ? props.args.text : &#039;&#039;;

        this.state = {
            linkId: props.args.hasOwnProperty( &#039;linkId&#039; ) ? props.args.linkId : false,
            text,
            originalText: text,
            saveCallback: props.args.hasOwnProperty( &#039;saveCallback&#039; ) ? props.args.saveCallback : false,
            changeCallback: props.args.hasOwnProperty( &#039;changeCallback&#039; ) ? props.args.changeCallback : false,
        };

        this.inputField = React.createRef();
        this.onChangeText = this.onChangeText.bind(this);
    }

    componentDidMount() {
        // Not sure why this is required but it works. 
        setTimeout(() =&gt; {
            this.inputField.current.focus();
        }, 200);
    }

    onChangeText() {
        if ( &#039;function&#039; === typeof this.state.changeCallback ) {
            this.state.changeCallback( this.state.text, this.state.linkId );
        }

        this.props.maybeCloseModal();
    }

    render() {
        return (
            &lt;Fragment&gt;
                &lt;Header
                    onCloseModal={ this.props.maybeCloseModal }
                &gt;
                    &lt;button
                        className=&quot;button button-primary button-compact&quot;
                        onClick={() =&gt; {
                            this.props.maybeCloseModal(() =&gt; {
                                EAFL_Modal.open(&#039;edit&#039;, {
                                    linkId: this.state.linkId,
                                    saveCallback: this.state.saveCallback,
                                });
                            });
                        }}
                    &gt;{ __eafl( &#039;Edit Affiliate Link&#039; ) }&lt;/button&gt;{ __eafl( &#039;or change link text&#039; ) }
                &lt;/Header&gt;
                &lt;div className=&quot;eafl-admin-modal-content&quot;&gt;
                    &lt;label htmlFor=&quot;eafl-admin-modal-text-input&quot;&gt;{ __eafl( &#039;Link text&#039; ) }&lt;/label&gt;
                    &lt;input
                        id=&quot;eafl-admin-modal-text-input&quot;
                        type=&quot;text&quot;
                        ref={this.inputField}
                        value={ this.state.text }
                        onChange={ (e) =&gt; {
                            this.setState({
                                text: e.target.value,
                            });
                        }}
                        onKeyDown={ (e) =&gt; {
                            const key = e.keyCode ? e.keyCode : e.which;

                            if ( 13 === key ) {
                                this.onChangeText();
                            }
                        }}
                    /&gt;
                &lt;/div&gt;
                &lt;Footer
                    savingChanges={ false }
                &gt;
                    &lt;button
                        className=&quot;button button-primary button-compact&quot;
                        onClick={ this.onChangeText }
                        disabled={ this.state.text === this.state.originalText }
                    &gt;
                        { __eafl( &#039;Change Text&#039; ) }
                    &lt;/button&gt;
                &lt;/Footer&gt;
            &lt;/Fragment&gt;
        );
    }
}
</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fwww%2Fwp-content%2Fplugins%2Feasy-affiliate-links%2Fassets%2Fjs%2Fadmin-modal%2Ftext'>⬅ Back to Directory</a>