);
}
- get hasAdvancedButtons() {
- return (
- this.myPost ||
- (this.showBody && this.postView.post.body) ||
- amMod(this.props.moderators) ||
- amAdmin() ||
- this.canMod_ ||
- this.canAdmin_
- );
- }
-
showPreviewButton() {
const post_view = this.postView;
const body = post_view.post.body;
{this.showBody && post_view.post.body && this.viewSourceButton}
- {this.hasAdvancedButtons && (
- <div className="dropdown">
- <button
- className="btn btn-link btn-animate text-muted py-0 dropdown-toggle"
- onClick={linkEvent(this, this.handleShowAdvanced)}
- data-tippy-content={i18n.t("more")}
- data-bs-toggle="dropdown"
- aria-expanded="false"
- aria-controls="advancedButtonsDropdown"
- aria-label={i18n.t("more")}
- >
- <Icon icon="more-vertical" inline />
- </button>
+ <div className="dropdown">
+ <button
+ className="btn btn-link btn-animate text-muted py-0 dropdown-toggle"
+ onClick={linkEvent(this, this.handleShowAdvanced)}
+ data-tippy-content={i18n.t("more")}
+ data-bs-toggle="dropdown"
+ aria-expanded="false"
+ aria-controls="advancedButtonsDropdown"
+ aria-label={i18n.t("more")}
+ >
+ <Icon icon="more-vertical" inline />
+ </button>
- <ul className="dropdown-menu" id="advancedButtonsDropdown">
- {!this.myPost ? (
- <>
- <li>{this.reportButton}</li>
- <li>{this.blockButton}</li>
- </>
- ) : (
- <>
- <li>{this.editButton}</li>
- <li>{this.deleteButton}</li>
- </>
- )}
+ <ul className="dropdown-menu" id="advancedButtonsDropdown">
+ {!this.myPost ? (
+ <>
+ <li>{this.reportButton}</li>
+ <li>{this.blockButton}</li>
+ </>
+ ) : (
+ <>
+ <li>{this.editButton}</li>
+ <li>{this.deleteButton}</li>
+ </>
+ )}
- {/* Any mod can do these, not limited to hierarchy*/}
- {(amMod(this.props.moderators) || amAdmin()) && (
- <>
- <li>
- <hr className="dropdown-divider" />
- </li>
- <li>{this.lockButton}</li>
- {this.featureButtons}
- </>
- )}
+ {/* Any mod can do these, not limited to hierarchy*/}
+ {(amMod(this.props.moderators) || amAdmin()) && (
+ <>
+ <li>
+ <hr className="dropdown-divider" />
+ </li>
+ <li>{this.lockButton}</li>
+ {this.featureButtons}
+ </>
+ )}
- {(this.canMod_ || this.canAdmin_) && (
- <li>{this.modRemoveButton}</li>
- )}
- </ul>
- </div>
- )}
+ {(this.canMod_ || this.canAdmin_) && (
+ <li>{this.modRemoveButton}</li>
+ )}
+ </ul>
+ </div>
</>
);
}