cleanup comments

Author: wang9hu

app/src/containers/CustomizationPanel.tsx

@@ -49,10 +49,9 @@ const CustomizationPanel = ({ isThemeLight }): JSX.Element => {
   const [modal, setModal] = useState(null);
   const [useContextObj, setUseContextObj] = useState({});
   const [stateUsedObj, setStateUsedObj] = useState({});
-  // ------------------------------------------- added code below -------------------------------------------
   const [eventAll, setEventAll] = useState(['', '']);
   const [eventRow, setEventRow] = useState([]);
-  // ------------------------------------------- added code above -------------------------------------------
+
   const currFocus = getFocus().child;
 
   useEffect( () => {
@@ -142,14 +141,12 @@ const CustomizationPanel = ({ isThemeLight }): JSX.Element => {
       case 'cssClasses':
         setCssClasses(inputVal);
         break;
-        // ------------------------------------------- added code below -------------------------------------------
       case 'event':
         setEventAll(inputVal ? [inputVal, `handle${inputVal.slice(2)}`] : ['', '']);
         break;
       case 'funcName':
         setEventAll([eventAll[0], inputVal]);
         break;
-        // ------------------------------------------- added code above -------------------------------------------
       default:
         break;
     }
@@ -309,7 +306,6 @@ const CustomizationPanel = ({ isThemeLight }): JSX.Element => {
 
 
   const handleSave = (): Object => {
-    //  ------------------------------------------- change code below  -------------------------------------------
     dispatch({
       type: 'UPDATE STATE USED',
       payload: {stateUsedObj: stateUsedObj}
@@ -348,7 +344,6 @@ const CustomizationPanel = ({ isThemeLight }): JSX.Element => {
       type: 'UPDATE EVENTS',
       payload: { events: eventsObj }
     });
-    //  ------------------------------------------- change code above  -------------------------------------------
     return styleObj;
   };
   // UNDO/REDO functionality--onClick these functions will be invoked.
@@ -732,7 +727,6 @@ const CustomizationPanel = ({ isThemeLight }): JSX.Element => {
                   </FormControl>
                 </div>
               </div>
-              {/* ------------------------------------------- added new code------------------------------------------- */}
               <div>
                 <FormSelector
                   classes={classes}
@@ -780,40 +774,8 @@ const CustomizationPanel = ({ isThemeLight }): JSX.Element => {
                   rows={eventRow}
                   columns={eventColumnTabs}
                   pageSize={5}
-                  // editRowsModel={editRowsModel}
-                  // className={props.isThemeLight ? classes.themeLight : classes.themeDark}
                 />
               </div>)}
-                {/* <TableContainer component={Paper} sx={{ maxHeight: '350px' }}>
-                  <Table
-                    sx={{ width: '510px' }}
-                    aria-label="customized table"
-                    stickyHeader
-                  >
-                    <TableHead>
-                      <TableRow>
-                        <StyledTableCell align="center" colSpan={3}>
-                          Added Event
-                        </StyledTableCell>
-                      </TableRow>
-                    </TableHead>
-                    <TableBody>
-                      <StyledTableRow>
-                        <StyledTableCell component="th" scope="row"><b>Event</b></StyledTableCell>
-                        <StyledTableCell align="right"><b>FuncName</b></StyledTableCell>
-                        <StyledTableCell align="right"><b>X</b></StyledTableCell>
-                      </StyledTableRow>
-                      {currComponentState ? currComponentState.map((data, index) => (
-                        <StyledTableRow key={index}>
-                          <StyledTableCell component="th" scope="row">{data.key}</StyledTableCell>
-                          <StyledTableCell align="right">{data.type}</StyledTableCell>
-                          <StyledTableCell align="right">{data.value}</StyledTableCell>
-                        </StyledTableRow>
-                      )) : ''}
-                    </TableBody>
-                  </Table>
-                </TableContainer> */}
-            {/* ------------------------------------------- added from above -------------------------------------------*/}
             </div>
             <div>
               <div className={classes.buttonRow}>

app/src/containers/LeftContainer.tsx

@@ -43,6 +43,4 @@ const LeftContainer = (props): JSX.Element => {
   );
 };
 
-{/* <div className="arrow-right"></div> */}
-
 export default LeftContainer;

app/src/helperFunctions/generateCode.ts

@@ -391,7 +391,6 @@ const generateUnformattedCode = (
       return importStr;
     };
 
-    //  ------------------------------------------- added code below  -------------------------------------------
     const createEventHandler = (children) => {
       let importStr = '';
       children.map((child) => {
@@ -407,7 +406,7 @@ const generateUnformattedCode = (
 
       return importStr;
     };
-    //  ------------------------------------------- added code above  -------------------------------------------
+
     let generatedCode = "import React, { useState, useEffect, useContext} from 'react';\n\n";
     generatedCode += currComponent.name === 'APP' ? contextImports : '';
     generatedCode += importReactRouter ? `import { BrowserRouter as Router, Route, Switch, Link } from 'react-router-dom';\n` : ``;