From 2654273f97e0975a90bcab438b87a71e72511269 Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Wed, 12 Feb 2025 10:48:59 +0100
Subject: [PATCH] ui: fix sank sizes in db/in builder

---
 frontend/app/components/Charts/SankeyChart.tsx        | 11 +++--------
 .../Dashboard/components/WidgetChart/WidgetChart.tsx  |  6 +++---
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/frontend/app/components/Charts/SankeyChart.tsx b/frontend/app/components/Charts/SankeyChart.tsx
index e9abbc2a6..a2779ae7e 100644
--- a/frontend/app/components/Charts/SankeyChart.tsx
+++ b/frontend/app/components/Charts/SankeyChart.tsx
@@ -32,6 +32,7 @@ interface Props {
   height?: number;
   onChartClick?: (filters: any[]) => void;
   isUngrouped?: boolean;
+  inGrid?: boolean;
 }
 
 function buildSubgraph(
@@ -474,22 +475,16 @@ const EChartsSankey: React.FC<Props> = (props) => {
   }
 
   return (
-    <div style={{ maxHeight: 620, overflow: 'auto', maxWidth: 840, }}>
+    <div style={{ maxHeight: 620, overflow: 'auto', maxWidth: 1240, }}>
       <div
         ref={chartRef}
         style={containerStyle}
-        className="min-w-[600px] overflow-scroll"
+        className="min-w-[600px]"
       />
     </div>
   );
 };
 
-const icons = {
-  LOCATION: 'locationIcon',
-  INPUT: 'inputIcon',
-  CUSTOM_EVENT: 'customEventIcon',
-  CLICK: 'clickIcon',
-}
 function getIcon(type: string) {
   if (type === 'LOCATION') {
     return '{locationIcon|}'
diff --git a/frontend/app/components/Dashboard/components/WidgetChart/WidgetChart.tsx b/frontend/app/components/Dashboard/components/WidgetChart/WidgetChart.tsx
index e5448f57d..0858b41af 100644
--- a/frontend/app/components/Dashboard/components/WidgetChart/WidgetChart.tsx
+++ b/frontend/app/components/Dashboard/components/WidgetChart/WidgetChart.tsx
@@ -33,7 +33,6 @@ import CustomMetricTableSessions from 'App/components/Dashboard/Widgets/CustomMe
 import CustomMetricTableErrors from 'App/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricTableErrors';
 import ClickMapCard from 'App/components/Dashboard/Widgets/CustomMetricsWidgets/ClickMapCard';
 import InsightsCard from 'App/components/Dashboard/Widgets/CustomMetricsWidgets/InsightsCard';
-import { filterMinorPaths } from 'Shared/Insights/SankeyChart/utils'
 import CohortCard from '../../Widgets/CustomMetricsWidgets/CohortCard';
 import SessionsBy from 'Components/Dashboard/Widgets/CustomMetricsWidgets/SessionsBy';
 import { useInView } from 'react-intersection-observer';
@@ -504,11 +503,12 @@ function WidgetChart(props: Props) {
 
     if (metricType === USER_PATH && data && data.links) {
       const isUngrouped = props.isPreview ? (!(_metric.hideExcess ?? true)) : false;
-      const height = props.isPreview ? 550 : 500;
+      const height = props.isPreview ? 550 : 240;
       return (
         <SankeyChart
-        height={height}
+          height={height}
           data={data}
+          inGrid={!props.isPreview}
           onChartClick={(filters: any) => {
             dashboardStore.drillDownFilter.merge({ filters, page: 1 });
           }}