- <span className="input-group-text small py-0">
- {numToSI(this.props.counts.score)}
- </span>
- {this.props.enableDownvotes && (
- <button
- className={`btn btn-sm btn-animate btn-outline-primary rounded-end py-0 ${
- this.props.my_vote === -1 ? "text-danger" : "text-muted"
- }`}
- onClick={linkEvent(
- this.props.postListing,
- this.props.handleDownvote
- )}
- {...this.tippy}
- aria-label={I18NextService.i18n.t("downvote")}
- aria-pressed={this.props.my_vote === -1}
- >
- {this.state.downvoteLoading ? (
- <Spinner />
- ) : (
- <>
- <Icon icon="arrow-down1" classes="icon-inline small" />
- {showScores() && (
- <span className="ms-2">
- {numToSI(this.props.counts.downvotes)}
- </span>
- )}
- </>
- )}
- </button>
- )}
- </div>
- </>