From d68a30558a913ed24fa5f97371fc2261249f8d64 Mon Sep 17 00:00:00 2001
From: BrunoQuaresma <bruno_nonato_quaresma@hotmail.com>
Date: Thu, 27 Jul 2023 17:23:58 +0000
Subject: [PATCH] refactor(site): make few ui changes on template insights

---
 .../TemplateInsightsPage.tsx                     | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx b/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx
index b2e176c44eb57..f314fb8b3a522 100644
--- a/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx
+++ b/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx
@@ -186,7 +186,7 @@ const TemplateUsagePanel = ({
   return (
     <Panel {...panelProps}>
       <PanelHeader>
-        <PanelTitle>App&lsquo;s & IDE usage</PanelTitle>
+        <PanelTitle>App & IDE Usage</PanelTitle>
         <PanelSubtitle>Last 7 days</PanelSubtitle>
       </PanelHeader>
       <PanelContent>
@@ -244,7 +244,7 @@ const TemplateUsagePanel = ({
                       sx={{
                         fontSize: 13,
                         color: (theme) => theme.palette.text.secondary,
-                        width: 200,
+                        width: 120,
                         flexShrink: 0,
                       }}
                     >
@@ -339,13 +339,13 @@ function formatTime(seconds: number): string {
     const minutes = Math.floor(seconds / 60)
     return minutes + " minutes"
   } else {
-    const hours = Math.floor(seconds / 3600)
-    const remainingMinutes = Math.floor((seconds % 3600) / 60)
-    if (remainingMinutes === 0) {
-      return hours + " hours"
-    } else {
-      return hours + " hours, " + remainingMinutes + " minutes"
+    const hours = seconds / 3600
+    const minutes = Math.floor(seconds % 3600)
+    if (minutes === 0) {
+      return hours.toFixed(0) + " hours"
     }
+
+    return hours.toFixed(1) + " hours"
   }
 }