From 4e5d7b6e842bb419f1d286c08d8583c1a89f5a4a Mon Sep 17 00:00:00 2001
From: Dessalines <tyhou13@gmx.com>
Date: Fri, 6 Mar 2020 11:51:25 -0500
Subject: Adding post listing separators. Hiding full score unless downvotes.

---
 ui/src/components/post-listing.tsx | 39 ++++++++++++++++++++++----------------
 1 file changed, 23 insertions(+), 16 deletions(-)

(limited to 'ui/src/components')

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"
-- 
cgit v1.2.3