in App container removed import ObjToIds passing on compoenents direct from state. Also removed some unused props

Author: ShlomoPorges

src/containers/AppContainer.tsx

@@ -6,7 +6,7 @@ import LinearProgress from '@material-ui/core/LinearProgress';
 import LeftContainer from './LeftContainer.jsx';
 import MainContainer from './MainContainer.jsx';
 // import RightContainer from './RightContainer.jsx';
-import convertIdsToObjs from '../utils/convertIdsToObjs.util';
+// import convertIdsToObjs from '../utils/convertIdsToObjs.util';
 import theme from '../components/theme.ts';
 import { loadInitData } from '../actions/components';
 
@@ -46,28 +46,28 @@ class AppContainer extends Component {
 
   render() {
     const {
-      components, totalComponents, focusComponent, loading, selectableChildren,
+      components, focusComponent, loading, selectableChildren,
     } = this.props;
     const { width, rightColumnOpen } = this.state;
 
     // uses component childIds and parentIds arrays (numbers) to build component-filled children and parents arrays
-    const updatedComponents = convertIdsToObjs(components);
+    //const updatedComponents = convertIdsToObjs(components);
 
     return (
       <MuiThemeProvider theme={theme}>
         <div className="app-container">
           <LeftContainer
-            components={updatedComponents}
-            totalComponents={totalComponents}
+            components={components}
+            // totalComponents={totalComponents}
             focusComponent={focusComponent}
             selectableChildren={selectableChildren}
           />
           <MainContainer
-            components={updatedComponents}
+            components={components}
             collapseColumn={this.collapseColumn}
             width={width}
             rightColumnOpen={rightColumnOpen}
-            totalComponents={totalComponents}
+            // totalComponents={totalComponents}
           />
           {/* <RightContainer
             width={width}

src/containers/LeftContainer.jsx

@@ -60,10 +60,8 @@ class LeftContainer extends Component {
   render() {
     const {
       components,
-      updateComponent,
       deleteComponent,
       focusComponent,
-      totalComponents,
       classes,
       addChild,
       changeFocusComponent,

src/containers/MainContainer.jsx

@@ -48,7 +48,7 @@ const mapDispatchToProps = dispatch => ({
 });
 
 const mapStateToProps = store => ({
-  totalComponents: store.workspace.totalComponents,
+ // totalComponents: store.workspace.totalComponents,
   focusComponent: store.workspace.focusComponent,
   focusChild: store.workspace.focusChild,
   stateComponents: store.workspace.components,

src/reducers/componentReducer.js

@@ -169,10 +169,10 @@ const componentReducer = (state = initialApplicationState, action) => {
     case HANDLE_TRANSFORM:
       return handleTransform(state, action.payload);
 
-    case MOVE_TO_BOTTOM:
-      return moveToBottom(state, action.payload);
-    case MOVE_TO_TOP:
-      return moveToTop(state, action.payload);
+    // case MOVE_TO_BOTTOM:
+    //   return moveToBottom(state, action.payload);
+    // case MOVE_TO_TOP:
+    //   return moveToTop(state, action.payload);
     case OPEN_EXPANSION_PANEL:
       return openExpansionPanel(state, action.payload);
     case DELETE_ALL_DATA:

src/utils/findComponentById.ts

@@ -31,9 +31,9 @@ interface Component {
   parentIds: number[];
   color: string;
   draggable: boolean;
-  childrenIds: number[];
-  selectableParents?: any[]; // unused
-  expanded?: boolean; // unused
+  // childrenIds: number[];
+  // selectableParents?: any[]; // unused
+  // expanded?: boolean; // unused
   props: Prop[];
   nextPropId: number;
   position: Position;