clean code home and page4

Author: pippo-sci

cypress/videos/examples/1-getting-started/todo.spec.js.mp4

@@ -35,7 +35,6 @@ function App() {
         <Route path="/demo" component={PageFour} />
       </Switch>
       </ThemeProvider>
-      {/* <div>this is app</div> */}
     </div>
     </div>
   );

cypress/videos/examples/2-advanced-examples/actions.spec.js.mp4

@@ -38,19 +38,6 @@ const useStyles = makeStyles((theme) => ({
       listStyle: 'none',
     },
   },
-  // appBar: {
-  //   borderBottom: `1px solid ${theme.palette.divider}`,
-  //   backgroundColor:"#224878"
-  // },
-  // toolbar: {
-  //   flexWrap: 'wrap',
-  // },
-  // toolbarTitle: {
-  //   flexGrow: 1,
-  // },
-  // link: {
-  //   margin: theme.spacing(1, 1.5),
-  // },
   heroContent: {
     padding: theme.spacing(8, 0, 6),
   },
@@ -60,7 +47,6 @@ const useStyles = makeStyles((theme) => ({
     color:"#FFFFFF",
 
   },
-
   itemTitle: {
     whiteSpace: 'pre-wrap'
   },
@@ -112,24 +98,7 @@ const tiers = [
      buttonVariant: 'outlined',
    },
 ];
-// const footers = [
-//   {
-//     title: 'Company',
-//     description: ['Team', 'History', 'Contact us', 'Locations'],
-//   },
-//   {
-//     title: 'Features',
-//     description: ['Cool stuff', 'Random feature', 'Team feature', 'Developer stuff', 'Another one'],
-//   },
-//   {
-//     title: 'Resources',
-//     description: ['Resource', 'Resource name', 'Another resource', 'Final resource'],
-//   },
-//   {
-//     title: 'Legal',
-//     description: ['Privacy policy', 'Terms of use'],
-//   },
-// ];
+
 
 export default function Home() {
   const classes = useStyles();
@@ -189,14 +158,6 @@ export default function Home() {
 
                 />
                 <CardContent>
-                  {/* <div className={classes.cardPricing}>
-                    <Typography component="h2" variant="h3" color="inherit">
-                      ${tier.price}
-                    </Typography>
-                    <Typography variant="h6" color="#FFFFFF">
-                      /mo
-                    </Typography>
-                  </div> */}
                   <ul className={classes.itemTitle}>
                     {tier.description.map((line) => (
                       <Typography variant="subtitle1" align="center" key={line}>
@@ -215,31 +176,6 @@ export default function Home() {
           ))}
         </Grid>
       </Container>
-      {/* Footer */}
-      {/* <Container maxWidth="md" component="footer" className={classes.footer}>
-        <Grid container spacing={4} justifyContent="space-evenly">
-          {footers.map((footer) => (
-            <Grid item xs={6} sm={3} key={footer.title}>
-              <Typography variant="h6" color="textPrimary" gutterBottom>
-                {footer.title}
-              </Typography>
-              <ul>
-                {footer.description.map((item) => (
-                  <li key={item}>
-                    <Link href="#" variant="subtitle1" color="textSecondary">
-                      {item}
-                    </Link>
-                  </li>
-                ))}
-              </ul>
-            </Grid>
-          ))}
-        </Grid>
-        <Box mt={5}>
-          <Copyright />
-        </Box>
-      </Container> */}
-      {/* End footer */}
     </React.Fragment>
   );
 }

src/App.js

@@ -27,21 +27,6 @@ class HomePage extends React.Component {
         return (
             <div>
                 <Home />
-                {/* <div>
-                    <button onClick={()=>this.handleOnClick('1')}
-                            className={styles.btn}>
-                            to page 1
-                    </button>
-                </div>
-                <div>
-                    <button onClick={()=>this.handleOnClick('2')}>to page 2</button>
-                </div>
-                <div>
-                    <button onClick={()=>this.handleOnClick('3')}>to page 3</button>
-                </div>
-                <div>
-                    <button onClick={()=>this.handleOnClick('4')}>to page 4</button>
-                </div> */}
             </div>
           );
     }