Issue #3492153 by shalini_jha, chrisfromredfin, phenaproxima, poker10: Project...

Issue #3492153 by shalini_jha, chrisfromredfin, phenaproxima, poker10: Project usage icon is shown on List view even if a project does not have any usage

sveltejs/src/Project/Project.svelte

@@ -94,22 +94,20 @@
         </span>
       {/each}
     {/if}
-    {#if toggleView === 'List' && typeof project.project_usage_total === 'number'}
+    {#if toggleView === 'List' && typeof project.project_usage_total === 'number' && project.project_usage_total > 0}
       <div class="pb-project__project-usage-container">
         <div class="pb-project__image pb-project__image--{displayMode}">
           <ProjectIcon type="usage" variant="project-listing" />
         </div>
-        {#if project.project_usage_total > 0}
-          <div class="pb-project__active-installs-text">
-            {Drupal.formatPlural(
+        <div class="pb-project__active-installs-text">
+          {Drupal.formatPlural(
+            project.project_usage_total,
+            `${numberFormatter.format(1)} Active Install`,
+            `${numberFormatter.format(
               project.project_usage_total,
-              `${numberFormatter.format(1)} Active Install`,
-              `${numberFormatter.format(
-                project.project_usage_total,
-              )} Active Installs`,
-            )}
-          </div>
-        {/if}
+            )} Active Installs`,
+          )}
+        </div>
       </div>
     {/if}
     <!--If there are no warnings, there is space to include the action button