Adding post listing separators. Hiding full score unless downvotes.

This commit is contained in:
Dessalines 2020-03-06 11:51:25 -05:00
parent 08af66ba28
commit 4e5d7b6e84
1 changed files with 23 additions and 16 deletions

View File

@ -463,27 +463,34 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
</span>
)}
</li>
<li className="list-inline-item"></li>
<li className="list-inline-item">
<span>
<MomentTime data={post} />
</span>
</li>
<li className="list-inline-item">
<span className="text-muted">
<svg class="small icon icon-inline mr-1">
<use xlinkHref="#icon-arrow-up"></use>
</svg>
{this.state.upvotes}
</span>
</li>
<li className="list-inline-item">
<span className="text-muted">
<svg class="small icon icon-inline mr-1">
<use xlinkHref="#icon-arrow-down"></use>
</svg>
{this.state.downvotes}
</span>
</li>
<li className="list-inline-item"></li>
{this.state.upvotes !== this.state.score && (
<>
<li className="list-inline-item">
<span className="text-muted">
<svg class="small icon icon-inline mr-1">
<use xlinkHref="#icon-arrow-up"></use>
</svg>
{this.state.upvotes}
</span>
</li>
<li className="list-inline-item">
<span className="text-muted">
<svg class="small icon icon-inline mr-1">
<use xlinkHref="#icon-arrow-down"></use>
</svg>
{this.state.downvotes}
</span>
</li>
<li className="list-inline-item"></li>
</>
)}
<li className="list-inline-item">
<Link
className="text-muted"