fix: only add visualization for active query (#5116)

Author: drdelambre

src/dataExplorer/components/SaveAsNotebookForm.tsx

@@ -41,7 +41,7 @@ interface Props {
 const SaveAsNotebookForm: FC<Props> = ({dismiss}) => {
   const [notebookName, setNotebookName] = useState('')
   const orgID = useSelector(getOrg).id
-  const {draftQueries, autoRefresh, timeRange} = useSelector(
+  const {draftQueries, autoRefresh, timeRange, activeQueryIndex} = useSelector(
     getActiveTimeMachine
   )
   const {properties} = useSelector(getSaveableView)
@@ -73,7 +73,7 @@ const SaveAsNotebookForm: FC<Props> = ({dismiss}) => {
       const pipes: any = []
 
       for (let i = 0; i < draftQueries.length; i++) {
-        const draftQuery = draftQueries[i]
+        const draftQuery = JSON.parse(JSON.stringify(draftQueries[i]))
         let pipe: any = {
           id: `local_${nanoid()}`,
           visible: !draftQuery.hidden,
@@ -99,16 +99,19 @@ const SaveAsNotebookForm: FC<Props> = ({dismiss}) => {
         }
 
         pipes.push(pipe)
-        pipes.push({
-          id: `local_${nanoid()}`,
-          properties: {
-            ...properties,
-            builderConfig: draftQuery.builderConfig,
-          },
-          title: `Visualize the Result ${i + 1}`,
-          type: 'visualization',
-          visible: true,
-        })
+
+        if (i === activeQueryIndex) {
+          pipes.push({
+            id: `local_${nanoid()}`,
+            properties: {
+              ...properties,
+              builderConfig: draftQuery.builderConfig,
+            },
+            title: `Visualize the Result ${i + 1}`,
+            type: 'visualization',
+            visible: true,
+          })
+        }
       }
 
       const flow = hydrate({