try #3

Signed-off-by: abbyhu2000 <[email protected]>
opensearch-project · Nov 3, 2023 · 5fd8a87 · 5fd8a87
1 parent eeb3251
commit 5fd8a87
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/src/plugins/dashboard/public/application/embeddable/grid/dashboard_grid.tsx b/src/plugins/dashboard/public/application/embeddable/grid/dashboard_grid.tsx
@@ -164,6 +164,15 @@ class DashboardGridUi extends React.Component<DashboardGridProps, State> {
     };
   }
 
+  public getDerivedStateFromProps() {
+    console.log("getDerivedStateFromProps")
+    if(this.state.panels!==this.props.container.getInput().panels){
+      console.log("here inside getDerivedStateFromProps if")
+      //this.setState(this.props.container.getInput().panels as any)
+      return {panels: this.props.container.getInput().panels as any}
+    }
+  }
+
   public componentDidMount() {
     this.mounted = true;
     let isLayoutInvalid = false;
@@ -293,6 +302,7 @@ class DashboardGridUi extends React.Component<DashboardGridProps, State> {
   }
 
   public render() {
+    console.log("render")
     if (this.state.isLayoutInvalid) {
       return null;
     }

diff --git a/src/plugins/embeddable/public/lib/containers/embeddable_child_panel.tsx b/src/plugins/embeddable/public/lib/containers/embeddable_child_panel.tsx
@@ -86,6 +86,12 @@ export class EmbeddableChildPanel extends React.Component<EmbeddableChildPanelPr
   }
 
   public render() {
+    if(!this.embeddable){
+      return null;
+    }
+    if(this.embeddable.parent && (this.embeddable.parent?.id !== this.props.container.id)){
+      return null;
+    }
     const { PanelComponent } = this.props;
     const classes = classNames('embPanel', {
       'embPanel-isLoading': this.state.loading,