cleaned up unused code

Author: eddypjr

app/src/containers/RightContainer.tsx

@@ -26,7 +26,6 @@ import ListItem from '@material-ui/core/ListItem';
 import ListItemText from '@material-ui/core/ListItemText';
 import createModal from '../components/right/createModal';
 import ComponentPanel from '../components/right/ComponentPanel';
-import { keys } from '@material-ui/core/styles/createBreakpoints';
 
 // need to pass in props to use the useHistory feature of react router
 const RightContainer = ({isThemeLight}): JSX.Element => {
@@ -47,8 +46,8 @@ const RightContainer = ({isThemeLight}): JSX.Element => {
 
   const resetFields = () => {
     const style = configTarget.child
-    ? configTarget.child.style
-    : configTarget.style;
+      ? configTarget.child.style
+      : configTarget.style;
     setDisplayMode(style.display ? style.display : '');
     setFlexDir(style.flexDirection ? style.flexDirection : '');
     setFlexJustify(style.justifyContent ? style.justifyContent : '');
@@ -525,24 +524,20 @@ useEffect(() => {
             </div>
           )}
           <div className = {classes.buttonRow}>
-            {/* <HotKeys keyMap={undoKeyMap} handlers={undoHandlers}> */}
             <Button
             color="primary"
             className={classes.button}
             onClick={undoAction}
             >
               <i className="fas fa-undo"></i>
             </Button>
-            {/* </HotKeys> */}
-            {/* <HotKeys> */}
             <Button
             color="primary"
             className={classes.button}
             onClick={redoAction}
             >
               <i className="fas fa-redo"></i>
             </Button>
-            {/* </HotKeys> */}
         </div>
         </div>
 

app/src/helperFunctions/generateCode.ts

@@ -1,5 +1,3 @@
-import React, {useContext, useRef, useState} from 'react';
-import StateContext from '../context/context';
 import {
   Component,
   State,