equal
deleted
inserted
replaced
82 |
82 |
83 renderNoteRight() { |
83 renderNoteRight() { |
84 if (this.props.isEditing) { |
84 if (this.props.isEditing) { |
85 return ( |
85 return ( |
86 <a onClick={this.onClickClose}> |
86 <a onClick={this.onClickClose}> |
87 <span className="material-icons">close</span> |
87 <span className="material-icons pl-2">close</span> |
88 </a> |
88 </a> |
89 ); |
89 ); |
90 } |
90 } |
91 |
91 |
92 return ( |
92 return ( |
93 <a onClick={this.onClickDelete}> |
93 <a onClick={this.onClickDelete}> |
94 <span className="material-icons">delete</span> |
94 <span className="material-icons delete-icon pl-2">delete</span> |
95 </a> |
95 </a> |
96 ) |
96 ) |
97 } |
97 } |
98 |
98 |
99 render() { |
99 render() { |
100 return ( |
100 return ( |
101 <div id={"note-" + this.props.note._id} className="note text-sm mr-5 pt-1" onClick={ this.props.onClick }> |
101 <div id={"note-" + this.props.note._id} className="note text-sm mr-5 pt-1" |
|
102 onClick={ this.props.onClick }> |
102 <div className="mr-5"> |
103 <div className="mr-5"> |
103 <small className="start text-warning pt-2">{ formatTimestamp(this.props.note.startedAt) }</small> |
104 <small className="start text-warning pt-2">{ formatTimestamp(this.props.note.startedAt) }</small> |
104 <small className="finish text-warning pb-2">{ formatTimestamp(this.props.note.finishedAt) }</small> |
105 <small className="finish text-warning pb-2">{ formatTimestamp(this.props.note.finishedAt) }</small> |
105 </div> |
106 </div> |
106 { this.renderNoteContent() } |
107 { this.renderNoteContent() } |