From c59dbbc79d9851b2bf6ab924a18b04aa54cefac2 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Tue, 4 Feb 2025 17:26:18 +0100
Subject: [PATCH] fix(ui): table charts checking the total and list

---
 .../app/components/Dashboard/Widgets/CardSessionsByList.tsx   | 4 ++--
 frontend/app/mstore/types/widget.ts                           | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/Dashboard/Widgets/CardSessionsByList.tsx b/frontend/app/components/Dashboard/Widgets/CardSessionsByList.tsx
index 593fae385..ee3313b53 100644
--- a/frontend/app/components/Dashboard/Widgets/CardSessionsByList.tsx
+++ b/frontend/app/components/Dashboard/Widgets/CardSessionsByList.tsx
@@ -20,7 +20,7 @@ function CardSessionsByList({ list, selected, paginated, onClickHandler = () =>
   const params = { density: 35 };
   const metricParams = { ...params };
   const [loading, setLoading] = React.useState(false);
-  const data = paginated ? metric?.data[0]?.values : list;
+  const data = paginated ? metric?.data?.values : list;
 
   const loadData = async (page: number) => {
     const timestamps = drillDownPeriod.toTimestamps();
@@ -56,7 +56,7 @@ function CardSessionsByList({ list, selected, paginated, onClickHandler = () =>
                 title={(
                   <div className="m-0">
                     <div className="flex justify-between m-0 p-0">
-                      <Typography.Text ellipsis={true} className='w-[95%]'>{row.displayName}</Typography.Text>
+                      <Typography.Text ellipsis={true} className='w-[90%]'>{row.displayName}</Typography.Text>
                       <Typography.Text type="secondary"> {row.sessionCount}</Typography.Text>
                     </div>
 
diff --git a/frontend/app/mstore/types/widget.ts b/frontend/app/mstore/types/widget.ts
index 1dd613640..db15dad11 100644
--- a/frontend/app/mstore/types/widget.ts
+++ b/frontend/app/mstore/types/widget.ts
@@ -334,9 +334,9 @@ export default class Widget {
         } else if (this.metricType === FUNNEL) {
             _data.funnel = new Funnel().fromJSON(data);
         } else if (this.metricType === TABLE) {
-            // const total = data[0]['total'];
             const count = data[0]['count'];
             _data['values'] = data[0]['values'].map((s: any) => new SessionsByRow().fromJson(s, count, this.metricOf));
+            _data['total'] = data[0]['total'];
         } else {
             if (data.hasOwnProperty('chart')) {
                 _data['value'] = data.value;