From 0948cb40c09833b0ac2c08147cd520939dc20c47 Mon Sep 17 00:00:00 2001
From: Caio Carvalho <21188280+ccrvlh@users.noreply.github.com>
Date: Thu, 21 Nov 2024 01:04:03 -0300
Subject: [PATCH] feat: update timeunit on pageview chart

---
 .../(main)/websites/[websiteId]/WebsiteChart.tsx   | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/app/(main)/websites/[websiteId]/WebsiteChart.tsx b/src/app/(main)/websites/[websiteId]/WebsiteChart.tsx
index fa5ab6942..cf6446d32 100644
--- a/src/app/(main)/websites/[websiteId]/WebsiteChart.tsx
+++ b/src/app/(main)/websites/[websiteId]/WebsiteChart.tsx
@@ -1,7 +1,8 @@
-import { useMemo } from 'react';
-import PageviewsChart from 'components/metrics/PageviewsChart';
-import useWebsitePageviews from 'components/hooks/queries/useWebsitePageviews';
 import { useDateRange } from 'components/hooks';
+import useWebsitePageviews from 'components/hooks/queries/useWebsitePageviews';
+import useTimeUnit from 'components/hooks/useTimeUnit';
+import PageviewsChart from 'components/metrics/PageviewsChart';
+import { useMemo } from 'react';
 
 export function WebsiteChart({
   websiteId,
@@ -11,7 +12,8 @@ export function WebsiteChart({
   compareMode?: boolean;
 }) {
   const { dateRange, dateCompare } = useDateRange(websiteId);
-  const { startDate, endDate, unit } = dateRange;
+  const { timeUnit } = useTimeUnit();
+  const { startDate, endDate } = dateRange;
   const { data, isLoading } = useWebsitePageviews(websiteId, compareMode ? dateCompare : undefined);
   const { pageviews, sessions, compare } = (data || {}) as any;
 
@@ -40,14 +42,14 @@ export function WebsiteChart({
       return result;
     }
     return { pageviews: [], sessions: [] };
-  }, [data, startDate, endDate, unit]);
+  }, [data, startDate, endDate, timeUnit]);
 
   return (
     <PageviewsChart
       data={chartData}
       minDate={startDate.toISOString()}
       maxDate={endDate.toISOString()}
-      unit={unit}
+      unit={timeUnit}
       isLoading={isLoading}
     />
   );