Merge pull request #14 from sean1292/staging

added typing in LeftContainer file

Author: tonyito

src/components/LeftColExpansionPanel.tsx

@@ -1,4 +1,4 @@
-import React, { Fragment, useEffect } from 'react';
+import React, { Fragment } from 'react';
 import { withStyles } from '@material-ui/core/styles';
 import Typography from '@material-ui/core/Typography';
 import List from '@material-ui/core/List';
@@ -31,9 +31,6 @@ const LeftColExpansionPanel = (props: any) => {
   } = props;
 
   const { title, id, color, stateful, classBased } = component;
-  useEffect(() => {
-    console.log('title: ', title);
-  });
 
   function isFocused() {
     return focusComponent.id === id ? 'focused' : '';

src/containers/LeftContainer.tsx

@@ -26,16 +26,16 @@ interface PropsInt {
   focusComponent: ComponentInt;
   selectableChildren: Array<number>;
   classes: any;
-  addComponent: any;
-  addChild: any;
-  changeFocusComponent: any;
-  changeFocusChild: any;
-  deleteComponent: any;
-  createApp: any;
-  deleteAllData: any;
-  toggleComponentState: any;
-  toggleComponentClass: any;
-  deleteImage: any;
+  addComponent: (arg: { title: string }) => void;
+  addChild: (arg: { title: string; childType: string; HTMLInfo: object }) => void;
+  changeFocusComponent: (arg: { title: string }) => void;
+  changeFocusChild: (arg: { childId: number }) => void;
+  deleteComponent: (arg: { componentId: number; stateComponents: ComponentsInt }) => void;
+  createApp: (arg: { path: string; components: ComponentsInt; genOption: number }) => void;
+  deleteAllData: () => void;
+  toggleComponentState: (arg: string) => void;
+  toggleComponentClass: (arg: string) => void;
+  deleteImage: () => void;
 }
 
 interface StateInt {
@@ -240,7 +240,7 @@ class LeftContainer extends Component<PropsInt, StateInt> {
           toggleComponentClass={toggleComponentClass}
         />
       ));
-    const { addImage, clearImage } = this;
+    const { addImage } = this;
 
     return (
       <div className="column left">