From 6bb23726cf44bb6d99baeee06f5eeedaf0b2098f Mon Sep 17 00:00:00 2001
From: jcaro <jcaro@centreon.com>
Date: Thu, 6 May 2021 09:28:42 +0200
Subject: [PATCH] Add hook useTimeperiod in component Graph (#9773)

---
 www/front_src/src/Resources/Listing/columns/Graph.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/www/front_src/src/Resources/Listing/columns/Graph.tsx b/www/front_src/src/Resources/Listing/columns/Graph.tsx
index b2809a24155..6bebe7c3c16 100644
--- a/www/front_src/src/Resources/Listing/columns/Graph.tsx
+++ b/www/front_src/src/Resources/Listing/columns/Graph.tsx
@@ -14,6 +14,7 @@ import useMousePosition, {
 } from '../../Graph/Performance/ExportableGraphWithTimeline/useMousePosition';
 import { ResourceDetails } from '../../Details/models';
 import { Resource } from '../../models';
+import useTimePeriod from '../../Graph/Performance/TimePeriods/useTimePeriod';
 
 import HoverChip from './HoverChip';
 import IconColumn from './IconColumn';
@@ -33,6 +34,7 @@ interface GraphProps {
 }
 
 const Graph = ({ row, endpoint }: GraphProps): JSX.Element => {
+  const { periodQueryParameters } = useTimePeriod({});
   const mousePositionProps = useMousePosition();
 
   return (
@@ -40,7 +42,7 @@ const Graph = ({ row, endpoint }: GraphProps): JSX.Element => {
       <PerformanceGraph
         limitLegendRows
         displayTitle={false}
-        endpoint={endpoint}
+        endpoint={`${endpoint}${periodQueryParameters}`}
         graphHeight={150}
         resource={row}
         timeline={[]}