render() { const { inputValue } = this.state; return ( <div className="Federation_input"> <AutosizeInput type="text" name="inputPriceAsset" placeholder="username" maxLength="32" autoFocus value={inputValue} onChange={e => this.handleInput(e)} onFocus={(e) => { const preValue = e.target.value; e.target.value = ''; e.target.value = preValue; }} onKeyUp={(e) => { this.props.onKeyPressed(e.keyCode); }} /> </div> ); }
render() { return ( <div> <div className="interactiveWrapper"> <span className="badgePrefix">{HTTP_DOMAIN_PREFIX}/badge/</span> <AutosizeInput style={{ fontSize: 18 }} class="badgeInput" onChange={this.onLibnameChange} value={this.state.libname}/> <span className="badgePostfix">.svg</span> <a className="badgeWrapper" href={`/${urlencode(this.state.libname)}/ide`}> <img alt="markdown badge" className="badgeImg" src={`/badge/${urlencode(this.state.libname)}.svg`}/> </a> </div> <h4>Use This Markdown</h4> <p className="markdownCode"> {this.getBadgeMarkdown()} </p> </div> ); }