From a9dcdb6d167091e1f8eb0b7426fdee8025a4a3a7 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Thu, 27 Jun 2024 10:25:03 +0200
Subject: [PATCH] change(ui): fixed an issue with card create

---
 .../Dashboard/components/AddCardSelectionModal.tsx           | 5 +++++
 .../Dashboard/components/CreateDashboardButton.tsx           | 2 +-
 .../Dashboard/components/FilterSeries/FilterSeries.tsx       | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/Dashboard/components/AddCardSelectionModal.tsx b/frontend/app/components/Dashboard/components/AddCardSelectionModal.tsx
index 037bf8cae..4cbf7627d 100644
--- a/frontend/app/components/Dashboard/components/AddCardSelectionModal.tsx
+++ b/frontend/app/components/Dashboard/components/AddCardSelectionModal.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import {Card, Col, Modal, Row, Typography} from "antd";
 import {Grid2x2CheckIcon, Plus} from "lucide-react";
 import NewDashboardModal from "Components/Dashboard/components/DashboardList/NewDashModal";
+import {useStore} from "App/mstore";
 
 interface Props {
     open: boolean;
@@ -9,6 +10,7 @@ interface Props {
 }
 
 function AddCardSelectionModal(props: Props) {
+    const {metricStore} = useStore();
     const [open, setOpen] = React.useState(false);
     const [isLibrary, setIsLibrary] = React.useState(false);
 
@@ -18,6 +20,9 @@ function AddCardSelectionModal(props: Props) {
     }
 
     const onClick = (isLibrary: boolean) => {
+        if (!isLibrary) {
+            metricStore.init();
+        }
         setIsLibrary(isLibrary);
         setOpen(true);
     }
diff --git a/frontend/app/components/Dashboard/components/CreateDashboardButton.tsx b/frontend/app/components/Dashboard/components/CreateDashboardButton.tsx
index 639c63903..d5731517d 100644
--- a/frontend/app/components/Dashboard/components/CreateDashboardButton.tsx
+++ b/frontend/app/components/Dashboard/components/CreateDashboardButton.tsx
@@ -8,7 +8,7 @@ interface Props {
 }
 
 function CreateDashboardButton({disabled = false}: Props) {
-    const [showModal, setShowModal] = React.useState(true);
+    const [showModal, setShowModal] = React.useState(false);
 
     return <>
         <Button
diff --git a/frontend/app/components/Dashboard/components/FilterSeries/FilterSeries.tsx b/frontend/app/components/Dashboard/components/FilterSeries/FilterSeries.tsx
index aa21ecea8..066c0bbf9 100644
--- a/frontend/app/components/Dashboard/components/FilterSeries/FilterSeries.tsx
+++ b/frontend/app/components/Dashboard/components/FilterSeries/FilterSeries.tsx
@@ -115,7 +115,7 @@ function FilterSeries(props: Props) {
     };
 
     return (
-        <div className="border rounded-lg shadow-sm bg-white ">
+        <div className="border rounded-lg shadow-sm bg-white">
             {canExclude && <ExcludeFilters filter={series.filter}/>}
 
             {!hideHeader && (