summaryrefslogtreecommitdiffstats
path: root/ui/src/components/post-listing.tsx
diff options
context:
space:
mode:
authorDessalines <tyhou13@gmx.com>2020-03-06 11:51:25 -0500
committerDessalines <tyhou13@gmx.com>2020-03-06 11:51:25 -0500
commit4e5d7b6e842bb419f1d286c08d8583c1a89f5a4a (patch)
treea8b80137e68d709ade1f1ad9581bcc7a69f192c2 /ui/src/components/post-listing.tsx
parent08af66ba28f38339a5ae655493d3ab299508d910 (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.tsx39
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"