diff options
author | Dessalines <tyhou13@gmx.com> | 2020-03-06 11:51:25 -0500 |
---|---|---|
committer | Dessalines <tyhou13@gmx.com> | 2020-03-06 11:51:25 -0500 |
commit | 4e5d7b6e842bb419f1d286c08d8583c1a89f5a4a (patch) | |
tree | a8b80137e68d709ade1f1ad9581bcc7a69f192c2 /ui/src/components/post-listing.tsx | |
parent | 08af66ba28f38339a5ae655493d3ab299508d910 (diff) |
Adding post listing separators. Hiding full score unless downvotes.
Diffstat (limited to 'ui/src/components/post-listing.tsx')
-rw-r--r-- | ui/src/components/post-listing.tsx | 39 |
1 files changed, 23 insertions, 16 deletions
diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx index bfa58a73..2d09e90e 100644 --- a/ui/src/components/post-listing.tsx +++ b/ui/src/components/post-listing.tsx @@ -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" |