From 1742303ad766e0bec34f04da4c3a947cc41ae686 Mon Sep 17 00:00:00 2001
From: jinapurapu <65002498+jinapurapu@users.noreply.github.com>
Date: Mon, 22 Aug 2022 08:34:49 -0700
Subject: [PATCH] Changed timestamp to date format in widgets CSV download
 (#2253)

---
 .../Prometheus/Widgets/LinearGraphWidget.tsx          | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/portal-ui/src/screens/Console/Dashboard/Prometheus/Widgets/LinearGraphWidget.tsx b/portal-ui/src/screens/Console/Dashboard/Prometheus/Widgets/LinearGraphWidget.tsx
index daf49f1bd..a167e9613 100644
--- a/portal-ui/src/screens/Console/Dashboard/Prometheus/Widgets/LinearGraphWidget.tsx
+++ b/portal-ui/src/screens/Console/Dashboard/Prometheus/Widgets/LinearGraphWidget.tsx
@@ -109,6 +109,7 @@ const LinearGraphWidget = ({
   const [loading, setLoading] = useState<boolean>(true);
   const [hover, setHover] = useState<boolean>(false);
   const [data, setData] = useState<object[]>([]);
+  const [csvData, setCsvData] = useState<object[]>([]);
   const [dataMax, setDataMax] = useState<number>(0);
   const [result, setResult] = useState<IDashboardPanel | null>(null);
 
@@ -180,6 +181,14 @@ const LinearGraphWidget = ({
   const onStopHover = () => {
     setHover(false);
   };
+  useEffect(() => {
+    var dateFormatData = data;
+    dateFormatData.forEach((element: any) => {
+      var date = new Date(element.name * 1000);
+      element.name = date;
+    });
+    setCsvData(dateFormatData);
+  }, [data]);
 
   const linearConfiguration = result
     ? (result?.widgetConfiguration as ILinearGraphConfiguration[])
@@ -227,7 +236,7 @@ const LinearGraphWidget = ({
             <DownloadWidgetDataButton
               title={title}
               componentRef={componentRef}
-              data={data}
+              data={csvData}
             />
           </Grid>
         </Grid>