From 8b4a5e5cc1b0924f137eb19ce8071d782410a796 Mon Sep 17 00:00:00 2001
From: unknown <harsh0604@gmail.com>
Date: Mon, 4 Nov 2024 02:54:42 +0530
Subject: [PATCH 1/4] fix info panel bug

---
 src/components/BrowserCell/BrowserCell.react.js    |  4 ++--
 src/components/Toolbar/Toolbar.react.js            |  8 ++++----
 src/dashboard/Data/Browser/Browser.react.js        | 13 +++++++------
 src/dashboard/Data/Browser/BrowserToolbar.react.js |  4 +++-
 4 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/src/components/BrowserCell/BrowserCell.react.js b/src/components/BrowserCell/BrowserCell.react.js
index 74614feb69..b794f13f61 100644
--- a/src/components/BrowserCell/BrowserCell.react.js
+++ b/src/components/BrowserCell/BrowserCell.react.js
@@ -294,7 +294,7 @@ export default class BrowserCell extends Component {
       this.props.setShowAggregatedData(true);
       this.props.setSelectedObjectId(this.props.objectId);
       if (this.props.isPanelVisible) {
-        this.props.callCloudFunction(this.props.objectId, this.props.className);
+        this.props.callCloudFunction(this.props.objectId, this.props.className, this.props.appId);
       }
     }
 
@@ -649,7 +649,7 @@ export default class BrowserCell extends Component {
                 isPanelVisible &&
                 ((e.shiftKey && !this.props.firstSelectedCell) || !e.shiftKey)
               ) {
-                callCloudFunction(this.props.objectId, this.props.className);
+                callCloudFunction(this.props.objectId, this.props.className, this.props.appId);
               }
             }
             handleCellClick(e, row, col);
diff --git a/src/components/Toolbar/Toolbar.react.js b/src/components/Toolbar/Toolbar.react.js
index aad773e702..f40af541eb 100644
--- a/src/components/Toolbar/Toolbar.react.js
+++ b/src/components/Toolbar/Toolbar.react.js
@@ -15,7 +15,7 @@ import { useNavigate, useNavigationType, NavigationType } from 'react-router-dom
 
 const POPOVER_CONTENT_ID = 'toolbarStatsPopover';
 
-const Stats = ({ data, classwiseCloudFunctions, className }) => {
+const Stats = ({ data, classwiseCloudFunctions, className, appId }) => {
   const [selected, setSelected] = React.useState(null);
   const [open, setOpen] = React.useState(false);
   const buttonRef = React.useRef();
@@ -98,7 +98,7 @@ const Stats = ({ data, classwiseCloudFunctions, className }) => {
     setSelected(statsOptions[0]);
   }, []);
 
-  const rightMarginStyle = classwiseCloudFunctions && classwiseCloudFunctions[className] ? '120px' : 'initial';
+  const rightMarginStyle = classwiseCloudFunctions && classwiseCloudFunctions[appId] && classwiseCloudFunctions[appId][className] ? '120px' : 'initial';
 
   return (
     <>
@@ -140,9 +140,9 @@ const Toolbar = props => {
           </div>
         </div>
       </div>
-      {props?.selectedData?.length ? <Stats data={props.selectedData} classwiseCloudFunctions={props.classwiseCloudFunctions} className={props.className} /> : null}
+      {props?.selectedData?.length ? <Stats data={props.selectedData} classwiseCloudFunctions={props.classwiseCloudFunctions} className={props.className} appId={props.appId} /> : null}
       <div className={styles.actions}>{props.children}</div>
-      {props.classwiseCloudFunctions && props.classwiseCloudFunctions[props.className] && (
+      {props.classwiseCloudFunctions && props.classwiseCloudFunctions[props.appId] && props.classwiseCloudFunctions[props.appId][props.className] && (
         <button
           onClick={props.togglePanel}
           className={styles.btn}
diff --git a/src/dashboard/Data/Browser/Browser.react.js b/src/dashboard/Data/Browser/Browser.react.js
index 9f97022618..69768e013c 100644
--- a/src/dashboard/Data/Browser/Browser.react.js
+++ b/src/dashboard/Data/Browser/Browser.react.js
@@ -266,14 +266,14 @@ class Browser extends DashboardView {
     });
   }
 
-  fetchAggregationPanelData(objectId, className) {
+  fetchAggregationPanelData(objectId, className, appID) {
     this.setState({
       isLoading: true,
     });
     const params = {
       objectId: objectId,
     };
-    const cloudCodeFunction = this.state.classwiseCloudFunctions[className][0].cloudCodeFunction;
+    const cloudCodeFunction = this.state.classwiseCloudFunctions[appID][className][0].cloudCodeFunction;
 
     Parse.Cloud.run(cloudCodeFunction, params).then(
       result => {
@@ -328,12 +328,13 @@ class Browser extends DashboardView {
   classAndCloudFuntionMap(data) {
     const classMap = {};
     data.apps.forEach(app => {
-      app.infoPanel.forEach(panel => {
+      classMap[app.appId] = {};
+      app.infoPanel && app.infoPanel.forEach(panel => {
         panel.classes.forEach(className => {
-          if (!classMap[className]) {
-            classMap[className] = [];
+          if (!classMap[app.appId][className]) {
+            classMap[app.appId][className] = [];
           }
-          classMap[className].push({
+          classMap[app.appId][className].push({
             title: panel.title,
             cloudCodeFunction: panel.cloudCodeFunction,
             classes: panel.classes,
diff --git a/src/dashboard/Data/Browser/BrowserToolbar.react.js b/src/dashboard/Data/Browser/BrowserToolbar.react.js
index b8e44cc038..8ebe2f8c2f 100644
--- a/src/dashboard/Data/Browser/BrowserToolbar.react.js
+++ b/src/dashboard/Data/Browser/BrowserToolbar.react.js
@@ -79,7 +79,8 @@ const BrowserToolbar = ({
 
   togglePanel,
   isPanelVisible,
-  classwiseCloudFunctions
+  classwiseCloudFunctions,
+  appId
 }) => {
   const selectionLength = Object.keys(selection).length;
   const isPendingEditCloneRows = editCloneRows && editCloneRows.length > 0;
@@ -276,6 +277,7 @@ const BrowserToolbar = ({
       togglePanel={togglePanel}
       isPanelVisible={isPanelVisible}
       classwiseCloudFunctions={classwiseCloudFunctions}
+      appId={appId}
     >
       {onAddRow && (
         <a className={classes.join(' ')} onClick={onClick}>

From bc678408c00d5e72f81590e753b4eea3214aefae Mon Sep 17 00:00:00 2001
From: unknown <harsh0604@gmail.com>
Date: Mon, 4 Nov 2024 03:11:19 +0530
Subject: [PATCH 2/4] update

---
 src/dashboard/Data/Browser/DataBrowser.react.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/dashboard/Data/Browser/DataBrowser.react.js b/src/dashboard/Data/Browser/DataBrowser.react.js
index 90a5dd8347..61fa1ae719 100644
--- a/src/dashboard/Data/Browser/DataBrowser.react.js
+++ b/src/dashboard/Data/Browser/DataBrowser.react.js
@@ -103,7 +103,7 @@ export default class DataBrowser extends React.Component {
       this.setState({ order });
     }
     if (props && props.className) {
-      if (!props.classwiseCloudFunctions[props.className]) {
+      if (!props.classwiseCloudFunctions?.[props.app.applicationId]?.[props.className]) {
         this.setState({ isPanelVisible: false });
         this.setState({ selectedObjectId: undefined });
       }
@@ -198,7 +198,7 @@ export default class DataBrowser extends React.Component {
       if(this.props.errorAggregatedData != {}){
         this.props.setErrorAggregatedData({});
       }
-      this.props.callCloudFunction(this.state.selectedObjectId, this.props.className);
+      this.props.callCloudFunction(this.state.selectedObjectId, this.props.className,this.props.app.applicationId);
     }
   }
 
@@ -364,7 +364,7 @@ export default class DataBrowser extends React.Component {
           showAggregatedData:true
         })
         if(prevObjectID !== this.state.selectedObjectId && this.state.isPanelVisible){
-          this.props.callCloudFunction(this.state.selectedObjectId,this.props.className)
+          this.props.callCloudFunction(this.state.selectedObjectId,this.props.className,this.props.app.applicationId)
         }
         e.preventDefault();
         break;
@@ -405,7 +405,7 @@ export default class DataBrowser extends React.Component {
           showAggregatedData: true,
         });
         if (prevObjectID !== this.state.selectedObjectId && this.state.isPanelVisible) {
-          this.props.callCloudFunction(this.state.selectedObjectId, this.props.className);
+          this.props.callCloudFunction(this.state.selectedObjectId, this.props.className,this.props.app.applicationId);
         }
 
         e.preventDefault();
@@ -642,6 +642,7 @@ export default class DataBrowser extends React.Component {
           allClassesSchema={this.state.allClassesSchema}
           togglePanel={this.togglePanelVisibility}
           isPanelVisible={this.state.isPanelVisible}
+          appId={this.props.app.applicationId}
           {...other}
         />
 

From be0c2b6ab3747112784abff5bcf232fde4e0b6a6 Mon Sep 17 00:00:00 2001
From: unknown <harsh0604@gmail.com>
Date: Tue, 5 Nov 2024 22:10:54 +0530
Subject: [PATCH 3/4] fix var name

---
 src/dashboard/Data/Browser/Browser.react.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/dashboard/Data/Browser/Browser.react.js b/src/dashboard/Data/Browser/Browser.react.js
index 69768e013c..983b1fcac2 100644
--- a/src/dashboard/Data/Browser/Browser.react.js
+++ b/src/dashboard/Data/Browser/Browser.react.js
@@ -266,14 +266,14 @@ class Browser extends DashboardView {
     });
   }
 
-  fetchAggregationPanelData(objectId, className, appID) {
+  fetchAggregationPanelData(objectId, className, appId) {
     this.setState({
       isLoading: true,
     });
     const params = {
       objectId: objectId,
     };
-    const cloudCodeFunction = this.state.classwiseCloudFunctions[appID][className][0].cloudCodeFunction;
+    const cloudCodeFunction = this.state.classwiseCloudFunctions[appId][className][0].cloudCodeFunction;
 
     Parse.Cloud.run(cloudCodeFunction, params).then(
       result => {

From f12995756609fac9015320063da87e1927e7c19c Mon Sep 17 00:00:00 2001
From: unknown <harsh0604@gmail.com>
Date: Fri, 20 Dec 2024 15:38:32 +0530
Subject: [PATCH 4/4] update fix

---
 src/components/Toolbar/Toolbar.react.js            |  8 ++++----
 src/dashboard/Data/Browser/Browser.react.js        | 14 ++++++++------
 src/dashboard/Data/Browser/BrowserToolbar.react.js |  4 +++-
 src/dashboard/Data/Browser/DataBrowser.react.js    |  3 ++-
 4 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/components/Toolbar/Toolbar.react.js b/src/components/Toolbar/Toolbar.react.js
index f40af541eb..670cd205dc 100644
--- a/src/components/Toolbar/Toolbar.react.js
+++ b/src/components/Toolbar/Toolbar.react.js
@@ -15,7 +15,7 @@ import { useNavigate, useNavigationType, NavigationType } from 'react-router-dom
 
 const POPOVER_CONTENT_ID = 'toolbarStatsPopover';
 
-const Stats = ({ data, classwiseCloudFunctions, className, appId }) => {
+const Stats = ({ data, classwiseCloudFunctions, className, appId , appName}) => {
   const [selected, setSelected] = React.useState(null);
   const [open, setOpen] = React.useState(false);
   const buttonRef = React.useRef();
@@ -98,7 +98,7 @@ const Stats = ({ data, classwiseCloudFunctions, className, appId }) => {
     setSelected(statsOptions[0]);
   }, []);
 
-  const rightMarginStyle = classwiseCloudFunctions && classwiseCloudFunctions[appId] && classwiseCloudFunctions[appId][className] ? '120px' : 'initial';
+  const rightMarginStyle = classwiseCloudFunctions && classwiseCloudFunctions[`${appId}${appName}`] && classwiseCloudFunctions[`${appId}${appName}`][className] ? '120px' : 'initial';
 
   return (
     <>
@@ -140,9 +140,9 @@ const Toolbar = props => {
           </div>
         </div>
       </div>
-      {props?.selectedData?.length ? <Stats data={props.selectedData} classwiseCloudFunctions={props.classwiseCloudFunctions} className={props.className} appId={props.appId} /> : null}
+      {props?.selectedData?.length ? <Stats data={props.selectedData} classwiseCloudFunctions={props.classwiseCloudFunctions} className={props.className} appId={props.appId} appName={props.appName}/> : null}
       <div className={styles.actions}>{props.children}</div>
-      {props.classwiseCloudFunctions && props.classwiseCloudFunctions[props.appId] && props.classwiseCloudFunctions[props.appId][props.className] && (
+      {props.classwiseCloudFunctions && props.classwiseCloudFunctions[`${props.appId}${props.appName}`] && props.classwiseCloudFunctions[`${props.appId}${props.appName}`][props.className] && (
         <button
           onClick={props.togglePanel}
           className={styles.btn}
diff --git a/src/dashboard/Data/Browser/Browser.react.js b/src/dashboard/Data/Browser/Browser.react.js
index 983b1fcac2..fa039f820c 100644
--- a/src/dashboard/Data/Browser/Browser.react.js
+++ b/src/dashboard/Data/Browser/Browser.react.js
@@ -273,8 +273,8 @@ class Browser extends DashboardView {
     const params = {
       objectId: objectId,
     };
-    const cloudCodeFunction = this.state.classwiseCloudFunctions[appId][className][0].cloudCodeFunction;
-
+    const appName = this.props.params.appId;
+    const cloudCodeFunction = this.state.classwiseCloudFunctions[`${appId}${appName}`]?.[className][0].cloudCodeFunction;
     Parse.Cloud.run(cloudCodeFunction, params).then(
       result => {
         if (result && result.panel && result.panel && result.panel.segments) {
@@ -328,13 +328,14 @@ class Browser extends DashboardView {
   classAndCloudFuntionMap(data) {
     const classMap = {};
     data.apps.forEach(app => {
-      classMap[app.appId] = {};
+      const appName = app.appName;
+      classMap[`${app.appId}${appName}`] = {};
       app.infoPanel && app.infoPanel.forEach(panel => {
         panel.classes.forEach(className => {
-          if (!classMap[app.appId][className]) {
-            classMap[app.appId][className] = [];
+          if (!classMap[`${app.appId}${appName}`][className]) {
+            classMap[`${app.appId}${appName}`][className] = [];
           }
-          classMap[app.appId][className].push({
+          classMap[`${app.appId}${appName}`][className].push({
             title: panel.title,
             cloudCodeFunction: panel.cloudCodeFunction,
             classes: panel.classes,
@@ -2067,6 +2068,7 @@ class Browser extends DashboardView {
             setAggregationPanelData={this.setAggregationPanelData}
             setErrorAggregatedData={this.setErrorAggregatedData}
             errorAggregatedData={this.state.errorAggregatedData}
+            appName = {this.props.params.appId}
           />
         );
       }
diff --git a/src/dashboard/Data/Browser/BrowserToolbar.react.js b/src/dashboard/Data/Browser/BrowserToolbar.react.js
index 8ebe2f8c2f..f6b0057443 100644
--- a/src/dashboard/Data/Browser/BrowserToolbar.react.js
+++ b/src/dashboard/Data/Browser/BrowserToolbar.react.js
@@ -80,7 +80,8 @@ const BrowserToolbar = ({
   togglePanel,
   isPanelVisible,
   classwiseCloudFunctions,
-  appId
+  appId,
+  appName
 }) => {
   const selectionLength = Object.keys(selection).length;
   const isPendingEditCloneRows = editCloneRows && editCloneRows.length > 0;
@@ -278,6 +279,7 @@ const BrowserToolbar = ({
       isPanelVisible={isPanelVisible}
       classwiseCloudFunctions={classwiseCloudFunctions}
       appId={appId}
+      appName = {appName}
     >
       {onAddRow && (
         <a className={classes.join(' ')} onClick={onClick}>
diff --git a/src/dashboard/Data/Browser/DataBrowser.react.js b/src/dashboard/Data/Browser/DataBrowser.react.js
index 61fa1ae719..bb62a15e49 100644
--- a/src/dashboard/Data/Browser/DataBrowser.react.js
+++ b/src/dashboard/Data/Browser/DataBrowser.react.js
@@ -103,7 +103,7 @@ export default class DataBrowser extends React.Component {
       this.setState({ order });
     }
     if (props && props.className) {
-      if (!props.classwiseCloudFunctions?.[props.app.applicationId]?.[props.className]) {
+      if (!props.classwiseCloudFunctions?.[`${props.app.applicationId}${props.appName}`]?.[props.className]) {
         this.setState({ isPanelVisible: false });
         this.setState({ selectedObjectId: undefined });
       }
@@ -643,6 +643,7 @@ export default class DataBrowser extends React.Component {
           togglePanel={this.togglePanelVisibility}
           isPanelVisible={this.state.isPanelVisible}
           appId={this.props.app.applicationId}
+          appName = {this.props.appName}
           {...other}
         />