Merge pull request #32 from visual-heuristics/feat_fetch_problem_file

Feat fetch problem file

Author: Pippo Ramos

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

@@ -7,28 +7,11 @@ import CardHeader from '@material-ui/core/CardHeader';
 import CssBaseline from '@material-ui/core/CssBaseline';
 import Grid from '@material-ui/core/Grid';
 import StarIcon from '@material-ui/icons/StarBorder';
-
 import Typography from '@material-ui/core/Typography';
-import Link from '@material-ui/core/Link';
 import { makeStyles } from '@material-ui/core/styles';
 import Container from '@material-ui/core/Container';
-import Box from '@material-ui/core/Box';
-import { createTheme } from '@material-ui/core/styles';
-import NavigationBar from '@/components/navigationBar/navigationBar';
 import { useHistory } from 'react-router-dom';
 
-function Copyright() {
-  return (
-    <Typography variant="body2" color="textSecondary" align="center">
-      {'Copyright © '}
-      <Link color="inherit" href="https://material-ui.com/">
-        Your Website
-      </Link>{' '}
-      {new Date().getFullYear()}
-      {'.'}
-    </Typography>
-  );
-}
 
 const useStyles = makeStyles((theme) => ({
   '@global': {
@@ -38,19 +21,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 +30,6 @@ const useStyles = makeStyles((theme) => ({
     color:"#FFFFFF",
 
   },
-
   itemTitle: {
     whiteSpace: 'pre-wrap'
   },
@@ -112,24 +81,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 +141,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 +159,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

@@ -1,7 +1,7 @@
 import React from "react";
-import { Link } from 'react-router-dom';
 import Home from "./home";
-import styles from './index.module.less';
+
+
 class HomePage extends React.Component {
 
     // init data
@@ -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>
           );
     }