From da0b190b21c9569fdd102f419e89ef3cd723b718 Mon Sep 17 00:00:00 2001
From: navaneeth <navaneethpk@outlook.com>
Date: Mon, 17 May 2021 11:42:11 +0530
Subject: [PATCH] Child components should be deleted with parent

---
 frontend/src/Editor/Editor.jsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/frontend/src/Editor/Editor.jsx b/frontend/src/Editor/Editor.jsx
index 45f6092229..9a7616479b 100644
--- a/frontend/src/Editor/Editor.jsx
+++ b/frontend/src/Editor/Editor.jsx
@@ -221,6 +221,13 @@ class Editor extends React.Component {
 
   removeComponent = (component) => {
     let newDefinition = this.state.appDefinition;
+    
+    // Delete child components when parent is deleted
+    const childComponents = Object.keys(newDefinition.components).filter((key) => newDefinition.components[key].parent === component.id)
+    childComponents.forEach((componentId) => {
+      delete newDefinition.components[componentId]
+    })
+
     delete newDefinition.components[component.id];
     this.appDefinitionChanged(newDefinition);
     this.switchSidebarTab(2);