From 06f0021660bd7245c4a34547af6ae45b8b5c5693 Mon Sep 17 00:00:00 2001
From: Omid Nikrah <omidnikrah@gmail.com>
Date: Sat, 18 Jul 2020 21:20:04 +0430
Subject: [PATCH] chore: Hide star and fork stats in repo card if count of
 equals to zero (#97)

* add show_icons option to show/hide star and fork icon in repo cards

* resolve conflict

* resolve conflict

* hide star and fork stats in repo card if count of equals to zero

* HOTFIX

* HOTFIX
---
 src/renderRepoCard.js | 28 ++++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/renderRepoCard.js b/src/renderRepoCard.js
index 56fb7cdf8dd34..c3e5a602793a9 100644
--- a/src/renderRepoCard.js
+++ b/src/renderRepoCard.js
@@ -67,19 +67,23 @@ const renderRepoCard = (repo, options = {}) => {
         <text data-testid="lang" class="gray" x="15">${langName}</text>
       </g>
 
-      <g transform="translate(${155 - shiftText}, 100)">
-        <svg class="icon" y="-12" viewBox="0 0 16 16" version="1.1" width="16" height="16">
-          ${icons.star}
-        </svg>
-        <text data-testid="stargazers" class="gray" x="25">${totalStars}</text>
-      </g>
+      ${(stargazers.totalCount > 0) ? `
+        <g transform="translate(${155 - shiftText}, 100)">
+          <svg class="icon" y="-12" viewBox="0 0 16 16" version="1.1" width="16" height="16">
+            ${icons.star}
+          </svg>
+          <text data-testid="stargazers" class="gray" x="25">${totalStars}</text>
+        </g>
+      ` : ''}
 
-      <g transform="translate(${220 - shiftText}, 100)">
-        <svg class="icon" y="-12" viewBox="0 0 16 16" version="1.1" width="16" height="16">
-          ${icons.fork}
-        </svg>
-        <text data-testid="forkcount" class="gray" x="25">${totalForks}</text>
-      </g>
+      ${(totalForks > 0) ? `
+        <g transform="translate(${stargazers.totalCount === 0 ? 155 - shiftText : 220 - shiftText}, 100)">
+          <svg class="icon" y="-12" viewBox="0 0 16 16" version="1.1" width="16" height="16">
+            ${icons.fork}
+          </svg>
+          <text data-testid="forkcount" class="gray" x="25">${totalForks}</text>
+        </g>
+      ` : ''}
     </svg>
   `;
 };