From 8f7b6a29362625704f79494392583989e7e57ea6 Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno@coder.com>
Date: Fri, 4 Aug 2023 15:00:13 -0300
Subject: [PATCH] fix(site): fix date range on template insights (#8914)

---
 .../TemplateInsightsPage/TemplateInsightsPage.tsx  | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx b/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx
index 210458a6f2..d6161124d3 100644
--- a/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx
+++ b/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx
@@ -24,14 +24,15 @@ import {
   UserLatencyInsightsResponse,
 } from "api/typesGenerated"
 import { ComponentProps } from "react"
-import subDays from "date-fns/subDays"
+import { subDays, addHours, startOfHour } from "date-fns"
 
 export default function TemplateInsightsPage() {
+  const now = new Date()
   const { template } = useTemplateLayoutContext()
   const insightsFilter = {
     template_ids: template.id,
-    start_time: toTimeFilter(sevenDaysAgo()),
-    end_time: toTimeFilter(new Date()),
+    start_time: toStartTimeFilter(subDays(now, 7)),
+    end_time: startOfHour(addHours(now, 1)).toISOString(),
   }
   const { data: templateInsights } = useQuery({
     queryKey: ["templates", template.id, "usage"],
@@ -323,12 +324,11 @@ function mapToDAUsResponse(
   }
 }
 
-function toTimeFilter(date: Date) {
+function toStartTimeFilter(date: Date) {
   date.setHours(0, 0, 0, 0)
   const year = date.getUTCFullYear()
   const month = String(date.getUTCMonth() + 1).padStart(2, "0")
   const day = String(date.getUTCDate()).padStart(2, "0")
-
   return `${year}-${month}-${day}T00:00:00Z`
 }
 
@@ -348,7 +348,3 @@ function formatTime(seconds: number): string {
     return hours.toFixed(1) + " hours"
   }
 }
-
-function sevenDaysAgo() {
-  return subDays(new Date(), 7)
-}