Adding post listing separators. Hiding full score unless downvotes.

pull/744/head
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> </span>
)} )}
</li> </li>
<li className="list-inline-item"></li>
<li className="list-inline-item"> <li className="list-inline-item">
<span> <span>
<MomentTime data={post} /> <MomentTime data={post} />
</span> </span>
</li> </li>
<li className="list-inline-item"> <li className="list-inline-item"></li>
<span className="text-muted"> {this.state.upvotes !== this.state.score && (
<svg class="small icon icon-inline mr-1"> <>
<use xlinkHref="#icon-arrow-up"></use> <li className="list-inline-item">
</svg> <span className="text-muted">
{this.state.upvotes} <svg class="small icon icon-inline mr-1">
</span> <use xlinkHref="#icon-arrow-up"></use>
</li> </svg>
<li className="list-inline-item"> {this.state.upvotes}
<span className="text-muted"> </span>
<svg class="small icon icon-inline mr-1"> </li>
<use xlinkHref="#icon-arrow-down"></use> <li className="list-inline-item">
</svg> <span className="text-muted">
{this.state.downvotes} <svg class="small icon icon-inline mr-1">
</span> <use xlinkHref="#icon-arrow-down"></use>
</li> </svg>
{this.state.downvotes}
</span>
</li>
<li className="list-inline-item"></li>
</>
)}
<li className="list-inline-item"> <li className="list-inline-item">
<Link <Link
className="text-muted" className="text-muted"