From 7fb8ca5e7b72ea484842ba2d15d307f28d8f64e5 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Thu, 12 Oct 2023 18:53:54 +0200
Subject: [PATCH] fix(ui): nodes value rounded

---
 .../components/shared/Insights/SankeyChart/NodeButton.tsx | 4 ++--
 .../shared/Insights/SankeyChart/SankeyChart.tsx           | 7 -------
 frontend/app/mstore/types/widget.ts                       | 8 +++++++-
 3 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/frontend/app/components/shared/Insights/SankeyChart/NodeButton.tsx b/frontend/app/components/shared/Insights/SankeyChart/NodeButton.tsx
index f678e2f5b..d8382c902 100644
--- a/frontend/app/components/shared/Insights/SankeyChart/NodeButton.tsx
+++ b/frontend/app/components/shared/Insights/SankeyChart/NodeButton.tsx
@@ -29,7 +29,7 @@ function NodeButton(props: Props) {
             <div className='w-6 shrink-0'>
               <Icon name='arrow-right-short' size={18} color='green' />
             </div>
-            <div className='ml-1 font-medium'>Continuing {payload.value}</div>
+            <div className='ml-1 font-medium'>Continuing {Math.round(payload.value)}%</div>
           </div>
           <div className='border-b py-1 px-2 flex items-center'>
             <div className='w-6 shrink-0'>
@@ -51,7 +51,7 @@ function NodeButton(props: Props) {
           }}
           onClick={toggleMenu}
         >
-          {payload.name} <span style={{ fontWeight: 'bold' }}>{payload.value + '%'}</span>
+          {payload.name} <span style={{ fontWeight: 'bold' }}>{Math.round(payload.value) + '%'}</span>
           {/*{' '} <span style={{}}>{payload.avgTimeFromPrevious}</span>*/}
         </div>
       </Popover>
diff --git a/frontend/app/components/shared/Insights/SankeyChart/SankeyChart.tsx b/frontend/app/components/shared/Insights/SankeyChart/SankeyChart.tsx
index bf7bd9025..8b4a98f84 100644
--- a/frontend/app/components/shared/Insights/SankeyChart/SankeyChart.tsx
+++ b/frontend/app/components/shared/Insights/SankeyChart/SankeyChart.tsx
@@ -35,13 +35,6 @@ function SankeyChart(props: Props) {
   const { data, nodeWidth = 10, height = 240 } = props;
   const [activeLink, setActiveLink] = React.useState<any>(null);
 
-  data.nodes = data.nodes.map((node: any) => {
-    return {
-      ...node,
-      avgTimeFromPrevious: 200
-    };
-  });
-
   useEffect(() => {
     if (!activeLink) return;
     const { source, target } = activeLink.payload;
diff --git a/frontend/app/mstore/types/widget.ts b/frontend/app/mstore/types/widget.ts
index 3598540ed..c51a202a7 100644
--- a/frontend/app/mstore/types/widget.ts
+++ b/frontend/app/mstore/types/widget.ts
@@ -211,7 +211,6 @@ export default class Widget {
       data.hideExcess = this.hideExcess;
       data.startType = this.startType;
       data.startPoint = [this.startPoint.toJson()];
-      console.log('excludes', this.excludes);
       data.excludes = this.series[0].filter.excludes.map((i: any) => i.toJson());
     }
     return data;
@@ -240,6 +239,13 @@ export default class Widget {
   setData(data: any, period: any) {
     const _data: any = { ...data };
 
+    if (this.metricType === USER_PATH) {
+      _data['links'] = data.links.map((s: any) => ({
+        ...s,
+        // value: Math.round(s.value),
+      }));
+      return _data;
+    }
     if (this.metricOf === FilterKey.ERRORS) {
       _data['errors'] = data.errors.map((s: any) => new Error().fromJSON(s));
     } else if (this.metricType === INSIGHTS) {