react-icons/gr#GrFormClose JavaScript Examples

The following examples show how to use react-icons/gr#GrFormClose. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: editor.js    From community-forum-frontend with GNU General Public License v3.0 5 votes vote down vote up 
render() {
    return (
      <div>
        <div className="discussionHeader">Write a New Discussion</div>
        {this.props.commenting ? (
          <div>
            <div className="chatHead">
              <div className="Reply">
                <div> Replying to: </div>
                <div className="icon" onClick={this.props.handleCommentOff}>
                  <GrFormClose size={20} />
                </div>
              </div>
              <div className="chatReply">
                <Avatar
                  src={this.props.chatReply.avatarurl}
                  className="avatarReply"
                ></Avatar>
                <div className="chatinforeply">
                  <div className="usernamereply">
                    {this.props.chatReply.username}
                  </div>
                  <div className="chatdescriptionreply">
                    {ReactHtmlParser(
                      this.props.chatReply.description.replace(/(&nbsp;)*/g, "")
                    )}
                  </div>
                </div>
              </div>
            </div>
          </div>
        ) : (
          ""
        )}
        <Editor
          initialValue="<p>Newb Content</p>"
          id="uuid"
          apiKey="8kftszxlfioswims1pl978knfa7p4qyoknx7afc7tvsvzruh"
          init={{
            height: 400,
            menubar: false,
            branding: false,
            plugins: [
              "advlist autolink lists link image preview mentions",
              "charmap print preview anchor code",
              "searchreplace visualblocks codesample",
              "insertdatetime media table paste wordcount textpattern",
            ],
            toolbar:
              // eslint-disable-next-line no-multi-str
              "undo redo | bold italic strikethrough            \
                    bullist numlist codesample code",
          }}
          value={this.state.content}
          onEditorChange={this.handleEditorChange}
        />
        <Button
          type="submit"
          disabled={this.state.disabled}
          onClick={() =>
            this.props.handleSubmit(
              this.state.content,
              this.props.chatReply,
              this.handleOnSubmit
            )
          }
          className="sendchat"
        >
          Send
        </Button>
      </div>
    );
  }