minor bugfix, everything seems to be working

Author: MrBeeAreWhy

src/components/dashboard_items/Tree.vue

@@ -166,57 +166,6 @@ export default {
     }
   }
 }
-
-// export default {
-//   methods: {
-//     // Called by transformToTree, formats componentMap
-//     formatComponentMap(compMap) {
-//       let result = [];
-//       // Id to apply to each component, in accordance with Vue3Tree syntax
-//       let id = 1;
-//       const values = Object.values(compMap);
-//       values.forEach((compData) => {
-//         result.push({
-//           id: id++,
-//           label: compData.componentName, // previously was labeled 'name'
-//           nodes: compData.children, // previously was labeled 'children'
-//         });
-//       });
-//       return result;
-//     },
-//     // Called by buildTree, transforms componentMap
-//     // we need to change this to clean the data and transform it to something usable by vue3tree
-//     transformToTree(data) {
-//       let result = {};
-//       const temp = {};
-//       const formattedData = this.formatComponentMap(data);
-//       formattedData.forEach((component) => {
-//         if (!temp[component.label]) {
-//           temp[component.label] = { label: component.label, nodes: [] };
-//           result = temp;
-//         }
-//         component.nodes.forEach((child) => {
-//           if (!temp[child]) temp[child] = { label: child, nodes: [] };
-//           temp[component.label].nodes.push(temp[child]);
-//         });
-//       });
-//       return result;
-//     },
-//     // Called by computedTree, calls transformToTree
-//     buildTree() {
-//       let build = this.transformToTree(this.componentMap);
-//       return build["App"];
-//     },
-//   },
-//   watch: {
-//     componentMap: {
-//       deep: true,
-//       handler() {
-//         this.buildTree();
-//       },
-//     },
-//   },
-// };
 </script>
 
 <style lang="scss" scoped>

src/components/home_sidebar_items/ComponentTab/EditDeleteComponents.vue

@@ -44,16 +44,7 @@ Description:
         :option-height="20"
         :searchable="false"
       />
-      <!-- <div>
-        <q-btn
-          v-if="childrenSelected.length"
-          id="add-props-btn"
-          class="add-btn"
-          color="secondary"
-          label="Update Children"
-          @click="handleAddChild(childrenSelected)"
-        />
-      </div> -->
+
       <q-list
         class="accordBorder"
         active-color="secondary"
@@ -172,6 +163,7 @@ export default {
     return {
       value: "",
       newName: "",
+      childrenSelected: [],
     };
   },
   components: {
@@ -191,9 +183,6 @@ export default {
       "componentMap",
       "exportAsTypescript",
     ]),
-    childrenSelected(){
-      return this.componentMap[this.activeComponent].children
-    },
     
     activeRouteDisplay() {
       let component = this.routes[this.activeRoute];
@@ -320,6 +309,11 @@ export default {
     activeComponentObj: function () {
       if (this.activeComponentObj)
         this.newName = this.activeComponentObj.componentName;
+        if (this.activeComponent !== ''){
+          this.childrenSelected = this.componentMap[this.activeComponent].children;
+        } else {
+          this.childrenSelected = [];
+        }
     },
   },
 };