final version with delete function on august 12

Author: carlyjackson

app/src/components/StateManagement/CreateTab/components/Table3.tsx

@@ -23,12 +23,12 @@ const Table3 = props => {
   const passedInProps = currentComponent.name !== 'App' ? currentComponent.passedInProps : '';
 
   const columnTabs = [
-    // {
-    //   field: 'id',
-    //   headerName: 'ID',
-    //   width: 30,
-    //   editable: false
-    // },
+    {
+      field: 'id',
+      headerName: 'ID',
+      width: 30,
+      editable: false
+    },
     {
       field: 'key',
       headerName: 'Key',

app/src/components/StateManagement/CreateTab/components/TableParentProps.tsx

@@ -23,12 +23,12 @@ const TableParentProps = props => {
   const parentPassedInProps = props.parentPassedInProps;
   const parentComponent = props.parentComponent;
   const columnTabs = [
-    // {
-    //   field: 'id',
-    //   headerName: 'ID',
-    //   width: 30,
-    //   editable: false
-    // },
+    {
+      field: 'id',
+      headerName: 'ID',
+      width: 30,
+      editable: false
+    },
     {
       field: 'key',
       headerName: 'Key',

app/src/components/StateManagement/CreateTab/components/TableStateProps.tsx

@@ -23,12 +23,12 @@ const TableStateProps = props => {
 
   // console.log({rows1})
   const columnTabs = [
-    // {
-    //   field: 'id',
-    //   headerName: 'ID',
-    //   width: 30,
-    //   editable: false
-    // },
+    {
+      field: 'id',
+      headerName: 'ID',
+      width: 30,
+      editable: false
+    },
     {
       field: 'key',
       headerName: 'Key',
@@ -75,12 +75,12 @@ const TableStateProps = props => {
     const filtered = currentComponent.stateProps.filter(
       element => element.id !== selectedId
     );
-    const filteredChildren = currentComponent.children.passedInProps.filter(
-      element => element.name !== stateName
-    );
+    // const filteredChildren = currentComponent.children.passedInProps.filter(
+    //   element => element.name !== stateName
+    // );
     dispatch({
       type: 'DELETE STATE',
-      payload: { stateProps: filtered, rowId: selectedId, passedInProps: filteredChildren }
+      payload: { stateProps: filtered, rowId: selectedId}
     });
   };