Fixing post listing issue.

This commit is contained in:
Dessalines 2020-09-25 17:47:38 -05:00
parent 107869a96b
commit 5c740cdff0

View file

@ -490,7 +490,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
); );
} }
commentsLine(showVotes: boolean = false) { commentsLine(mobile: boolean = false) {
let post = this.props.post; let post = this.props.post;
return ( return (
<div class="d-flex justify-content-between justify-content-lg-start flex-wrap text-muted font-weight-bold"> <div class="d-flex justify-content-between justify-content-lg-start flex-wrap text-muted font-weight-bold">
@ -510,9 +510,22 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
})} })}
</Link> </Link>
</button> </button>
{!mobile && this.state.downvotes !== 0 && (
<button
class="btn text-muted py-0"
data-tippy-content={this.pointsTippy}
>
<small>
<svg class="icon icon-inline mr-1">
<use xlinkHref="#icon-arrow-down1"></use>
</svg>
<span>{this.state.downvotes}</span>
</small>
</button>
)}
{/* This is an expanding spacer for mobile */} {/* This is an expanding spacer for mobile */}
<div className="flex-grow-1"></div> <div className="flex-grow-1"></div>
{(showVotes || this.state.upvotes !== this.state.score) && ( {mobile && (
<> <>
<div> <div>
<button <button