From cb24dd4bb96c07f2ca7a64709c0062c7903f8dd0 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Mon, 17 Jun 2024 14:29:43 +0200
Subject: [PATCH] feature(ui): new dashboard modal

---
 .../components/WidgetForm/CardBuilder.tsx     | 28 +++++++++++--------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/frontend/app/components/Dashboard/components/WidgetForm/CardBuilder.tsx b/frontend/app/components/Dashboard/components/WidgetForm/CardBuilder.tsx
index 464a3d2f5..6a978cf7d 100644
--- a/frontend/app/components/Dashboard/components/WidgetForm/CardBuilder.tsx
+++ b/frontend/app/components/Dashboard/components/WidgetForm/CardBuilder.tsx
@@ -189,9 +189,15 @@ interface RouteParams {
     metricId: string;
 }
 
-const CardBuilder = observer(() => {
+interface CardBuilderProps {
+    siteId: string;
+    dashboardId?: string;
+    metricId?: string;
+}
+
+const CardBuilder = observer((props: CardBuilderProps) => {
     const history = useHistory();
-    const {siteId, dashboardId} = useParams<RouteParams>();
+    const {siteId, dashboardId, metricId} = props;
     console.log('siteId', siteId);
     const {metricStore, dashboardStore, aiFiltersStore} = useStore();
     const [aiQuery, setAiQuery] = useState('');
@@ -253,10 +259,10 @@ const CardBuilder = observer(() => {
         }
     }, [metric, metricStore]);
 
-    const undoChanges = useCallback(() => {
-        const w = new Widget();
-        metricStore.merge(w.fromJson(initialInstance), false);
-    }, [initialInstance, metricStore]);
+    // const undoChanges = useCallback(() => {
+    //     const w = new Widget();
+    //     metricStore.merge(w.fromJson(initialInstance), false);
+    // }, [initialInstance, metricStore]);
 
     const fetchResults = useCallback(() => aiFiltersStore.getCardFilters(aiQuery, metric.metricType)
         .then(f => metric.createSeries(f.filters)), [aiFiltersStore, aiQuery, metric]);
@@ -265,11 +271,11 @@ const CardBuilder = observer(() => {
         [aiAskChart, aiFiltersStore, metric]);
 
     return (
-        <div>
-            <MetricOptions
-                metric={metric}
-                writeOption={writeOption}
-            />
+        <div className="flex gap-6 flex-col">
+            {/*<MetricOptions*/}
+            {/*    metric={metric}*/}
+            {/*    writeOption={writeOption}*/}
+            {/*/>*/}
             {metric.metricType === USER_PATH && <PathAnalysisFilter metric={metric}/>}
             {isPredefined && <PredefinedMessage/>}
             {testingKey && (