refactor(site): hide unavailable usage information (#13341)

BrunoQuaresma · web-flow · commit 390ff9ac0553 · 2024-05-22T13:26:59.000Z
diff --git a/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.stories.tsx b/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.stories.tsx
@@ -76,8 +76,8 @@ export const Loaded: Story = {
             display_name: "JetBrains",
             slug: "jetbrains",
             icon: "/icon/intellij.svg",
-            seconds: 0,
-            times_used: 0,
+            seconds: 2013400,
+            times_used: 20,
           },
           {
             template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
diff --git a/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx b/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx
@@ -504,15 +504,17 @@ const TemplateUsagePanel: FC<TemplateUsagePanelProps> = ({
                       }}
                     >
                       {formatTime(usage.seconds)}
-                      <span
-                        css={{
-                          fontSize: 12,
-                          color: theme.palette.text.disabled,
-                        }}
-                      >
-                        Opened {usage.times_used.toLocaleString()}{" "}
-                        {usage.times_used === 1 ? "time" : "times"}
-                      </span>
+                      {usage.times_used > 0 && (
+                        <span
+                          css={{
+                            fontSize: 12,
+                            color: theme.palette.text.disabled,
+                          }}
+                        >
+                          Opened {usage.times_used.toLocaleString()}{" "}
+                          {usage.times_used === 1 ? "time" : "times"}
+                        </span>
+                      )}
                     </Stack>
                   </div>
                 );
