Co-authored-by: carlyjackson <[email protected]>

Co-authored-by: BenCauffman <[email protected]>
Co-authored-by: Ahsan Rao <[email protected]>
Co-authored-by: Darin <[email protected]>

Author: tlukasiewicz89

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

@@ -56,7 +56,8 @@ const Table3 = props => {
           <Button
             style={{ width: `${3}px`, color: 'black'}}
             onClick={() => {
-                console.log('params inside button', params)
+                console.log('params inside delete button', params)
+                console.log('params.id inside delete button', params.id)
               deleteParentProps(params.row, params.id);
             }}
           >
@@ -138,8 +139,9 @@ const Table3 = props => {
           columns={gridColumns}
           pageSize={5}
           editRowsModel={editRowsModel}
-          onRowClick={deleteParentProps}
+          // onRowClick={deleteParentProps}
           className={props.isThemeLight ? classes.themeLight : classes.themeDark}
+          // checkboxSelection
         />
     </div>
   );

app/src/reducers/componentReducer.ts

@@ -796,12 +796,23 @@ const reducer = (state: State, action: Action) => {
         components,
         state.canvasFocus.componentId
       );
-      currComponent.passedInProps = action.payload.passedInProps;
-      console.log('in delete reducer', currComponent)
-      console.log('in delete reducer 2', action.payload.rowId)
-      const toDelete = currComponent.passedInProps[0]
-      console.log('in delete reducer', {toDelete})
-      delete currComponent.passedInProps[0];
+      console.log('currComponent.passedInProps before splice', currComponent.passedInProps)
+      // currComponent.passedInProps = action.payload.passedInProps;
+      // console.log('in delete reducer after assignment', currComponent.passedInProps)
+      console.log('in delete reducer action.payload.rowId', action.payload.rowId)
+      // const toDelete = currComponent.passedInProps[action.payload.rowId]
+      // console.log('in delete reducer toDelete', {toDelete})
+      let index;
+      for (let i = 0; i < currComponent.passedInProps.length - 1 ; i++) {
+        if (currComponent.passedInProps[i].id === action.payload.rowId) {
+          index = i;
+          break;
+        }
+      }
+      currComponent.passedInProps.splice(index, 1);
+      // console.log('temp', temp)
+      console.log('currComponent.passedInProps after splice', currComponent.passedInProps)
+      // delete currComponent.passedInProps[0];
       currComponent.code = generateCode(
         components,
         state.canvasFocus.componentId,