Moving save behind more menu. Fixes #827
This commit is contained in:
parent
c9dcb2662c
commit
9dfdf78697
1 changed files with 24 additions and 19 deletions
43
ui/src/components/comment-node.tsx
vendored
43
ui/src/components/comment-node.tsx
vendored
|
@ -294,25 +294,6 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
|
||||||
)}
|
)}
|
||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
<button
|
|
||||||
class="btn btn-link btn-animate text-muted"
|
|
||||||
onClick={linkEvent(this, this.handleSaveCommentClick)}
|
|
||||||
data-tippy-content={
|
|
||||||
node.comment.saved ? i18n.t('unsave') : i18n.t('save')
|
|
||||||
}
|
|
||||||
>
|
|
||||||
{this.state.saveLoading ? (
|
|
||||||
this.loadingIcon
|
|
||||||
) : (
|
|
||||||
<svg
|
|
||||||
class={`icon icon-inline ${
|
|
||||||
node.comment.saved && 'text-warning'
|
|
||||||
}`}
|
|
||||||
>
|
|
||||||
<use xlinkHref="#icon-star"></use>
|
|
||||||
</svg>
|
|
||||||
)}
|
|
||||||
</button>
|
|
||||||
<button
|
<button
|
||||||
class="btn btn-link btn-animate text-muted"
|
class="btn btn-link btn-animate text-muted"
|
||||||
onClick={linkEvent(this, this.handleReplyClick)}
|
onClick={linkEvent(this, this.handleReplyClick)}
|
||||||
|
@ -348,6 +329,30 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
|
||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
{!this.props.showContext && this.linkBtn}
|
{!this.props.showContext && this.linkBtn}
|
||||||
|
<button
|
||||||
|
class="btn btn-link btn-animate text-muted"
|
||||||
|
onClick={linkEvent(
|
||||||
|
this,
|
||||||
|
this.handleSaveCommentClick
|
||||||
|
)}
|
||||||
|
data-tippy-content={
|
||||||
|
node.comment.saved
|
||||||
|
? i18n.t('unsave')
|
||||||
|
: i18n.t('save')
|
||||||
|
}
|
||||||
|
>
|
||||||
|
{this.state.saveLoading ? (
|
||||||
|
this.loadingIcon
|
||||||
|
) : (
|
||||||
|
<svg
|
||||||
|
class={`icon icon-inline ${
|
||||||
|
node.comment.saved && 'text-warning'
|
||||||
|
}`}
|
||||||
|
>
|
||||||
|
<use xlinkHref="#icon-star"></use>
|
||||||
|
</svg>
|
||||||
|
)}
|
||||||
|
</button>
|
||||||
<button
|
<button
|
||||||
className="btn btn-link btn-animate text-muted"
|
className="btn btn-link btn-animate text-muted"
|
||||||
onClick={linkEvent(this, this.handleViewSource)}
|
onClick={linkEvent(this, this.handleViewSource)}
|
||||||
|
|
Loading…
Reference in a new issue