From b8014e2471f8a856f6cece4c1103df5359f7b478 Mon Sep 17 00:00:00 2001
From: Vantix <andreavillablino@gmail.com>
Date: Thu, 10 Mar 2022 18:38:03 +0100
Subject: [PATCH 1/6] =?UTF-8?q?A=C3=B1adidas=20carpetas?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 webapp/src/components/{Carrito.tsx => Cart/Cart.tsx} | 0
 webapp/src/components/{ => Cart}/CartButons.tsx      | 0
 webapp/src/components/{ => Cart}/ShoesCart.tsx       | 0
 webapp/src/components/{ => Details}/Details.tsx      | 0
 webapp/src/components/{ => Details}/LeftDetails.tsx  | 0
 webapp/src/components/{ => Details}/RightDetails.tsx | 0
 webapp/src/components/{ => Details}/TableSizes.tsx   | 0
 webapp/src/components/{ => Fragments}/Footer.tsx     | 0
 webapp/src/components/{ => Fragments}/Nav.tsx        | 0
 webapp/src/components/{ => Home}/Home.tsx            | 0
 webapp/src/components/{ => Home}/List.tsx            | 0
 webapp/src/components/{ => Home}/Shoes.tsx           | 0
 12 files changed, 0 insertions(+), 0 deletions(-)
 rename webapp/src/components/{Carrito.tsx => Cart/Cart.tsx} (100%)
 rename webapp/src/components/{ => Cart}/CartButons.tsx (100%)
 rename webapp/src/components/{ => Cart}/ShoesCart.tsx (100%)
 rename webapp/src/components/{ => Details}/Details.tsx (100%)
 rename webapp/src/components/{ => Details}/LeftDetails.tsx (100%)
 rename webapp/src/components/{ => Details}/RightDetails.tsx (100%)
 rename webapp/src/components/{ => Details}/TableSizes.tsx (100%)
 rename webapp/src/components/{ => Fragments}/Footer.tsx (100%)
 rename webapp/src/components/{ => Fragments}/Nav.tsx (100%)
 rename webapp/src/components/{ => Home}/Home.tsx (100%)
 rename webapp/src/components/{ => Home}/List.tsx (100%)
 rename webapp/src/components/{ => Home}/Shoes.tsx (100%)

diff --git a/webapp/src/components/Carrito.tsx b/webapp/src/components/Cart/Cart.tsx
similarity index 100%
rename from webapp/src/components/Carrito.tsx
rename to webapp/src/components/Cart/Cart.tsx
diff --git a/webapp/src/components/CartButons.tsx b/webapp/src/components/Cart/CartButons.tsx
similarity index 100%
rename from webapp/src/components/CartButons.tsx
rename to webapp/src/components/Cart/CartButons.tsx
diff --git a/webapp/src/components/ShoesCart.tsx b/webapp/src/components/Cart/ShoesCart.tsx
similarity index 100%
rename from webapp/src/components/ShoesCart.tsx
rename to webapp/src/components/Cart/ShoesCart.tsx
diff --git a/webapp/src/components/Details.tsx b/webapp/src/components/Details/Details.tsx
similarity index 100%
rename from webapp/src/components/Details.tsx
rename to webapp/src/components/Details/Details.tsx
diff --git a/webapp/src/components/LeftDetails.tsx b/webapp/src/components/Details/LeftDetails.tsx
similarity index 100%
rename from webapp/src/components/LeftDetails.tsx
rename to webapp/src/components/Details/LeftDetails.tsx
diff --git a/webapp/src/components/RightDetails.tsx b/webapp/src/components/Details/RightDetails.tsx
similarity index 100%
rename from webapp/src/components/RightDetails.tsx
rename to webapp/src/components/Details/RightDetails.tsx
diff --git a/webapp/src/components/TableSizes.tsx b/webapp/src/components/Details/TableSizes.tsx
similarity index 100%
rename from webapp/src/components/TableSizes.tsx
rename to webapp/src/components/Details/TableSizes.tsx
diff --git a/webapp/src/components/Footer.tsx b/webapp/src/components/Fragments/Footer.tsx
similarity index 100%
rename from webapp/src/components/Footer.tsx
rename to webapp/src/components/Fragments/Footer.tsx
diff --git a/webapp/src/components/Nav.tsx b/webapp/src/components/Fragments/Nav.tsx
similarity index 100%
rename from webapp/src/components/Nav.tsx
rename to webapp/src/components/Fragments/Nav.tsx
diff --git a/webapp/src/components/Home.tsx b/webapp/src/components/Home/Home.tsx
similarity index 100%
rename from webapp/src/components/Home.tsx
rename to webapp/src/components/Home/Home.tsx
diff --git a/webapp/src/components/List.tsx b/webapp/src/components/Home/List.tsx
similarity index 100%
rename from webapp/src/components/List.tsx
rename to webapp/src/components/Home/List.tsx
diff --git a/webapp/src/components/Shoes.tsx b/webapp/src/components/Home/Shoes.tsx
similarity index 100%
rename from webapp/src/components/Shoes.tsx
rename to webapp/src/components/Home/Shoes.tsx

From 773280d3f62cad9ad64501d5ace7064b957b9d92 Mon Sep 17 00:00:00 2001
From: Vantix <andreavillablino@gmail.com>
Date: Thu, 10 Mar 2022 18:54:22 +0100
Subject: [PATCH 2/6] Arreglados imports

---
 webapp/src/App.tsx                        | 17 +++++++++++++----
 webapp/src/components/Cart/Cart.tsx       |  8 ++++----
 webapp/src/components/Details/Details.tsx |  8 ++++----
 webapp/src/components/Fragments/Nav.tsx   |  7 ++++++-
 webapp/src/components/Home/Home.tsx       |  8 +++++---
 webapp/src/components/Home/List.tsx       |  2 --
 6 files changed, 32 insertions(+), 18 deletions(-)

diff --git a/webapp/src/App.tsx b/webapp/src/App.tsx
index f4cef2e..be23ff1 100644
--- a/webapp/src/App.tsx
+++ b/webapp/src/App.tsx
@@ -1,18 +1,27 @@
 import Box from '@mui/material/Box';
 import Link from '@mui/material/Link';
-import Home from './components/Home';
+import Home from './components/Home/Home';
 import Container from '@mui/material/Container';
 import Welcome from './components/Welcome';
 import  {getUsers} from './api/api';
 import {User} from './shared/shareddtypes';
 import './App.css';
-import Details from './components/Details';
-import Carrito from './components/Carrito';
+import Details from './components/Details/Details';
+import Cart from './components/Cart/Cart';
+import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
+import Footer from './components/Fragments/Footer';
 
 function App(): JSX.Element {
   return (
     <>
-        <Carrito/>
+      <Router>
+      <Switch>
+        <Route exact path="/" component={Home} />
+        <Route  path="/Cart" render={() => <Cart/>}/>
+        <Route  path="/Details" render={() => <Details/>}/>
+      </Switch>
+      </Router>
+      <Footer/>
     </>
   );
 }
diff --git a/webapp/src/components/Cart/Cart.tsx b/webapp/src/components/Cart/Cart.tsx
index 8ee4cdd..38cca22 100644
--- a/webapp/src/components/Cart/Cart.tsx
+++ b/webapp/src/components/Cart/Cart.tsx
@@ -1,8 +1,8 @@
-import List from './List';
-import Nav from './Nav';
-import Shoes from './Shoes';
+import List from '../Home/List';
+import Nav from '../Fragments/Nav';
+import Shoes from '../Home/Shoes';
 import { makeStyles } from '@material-ui/core/styles';
-import Footer from './Footer';
+import Footer from '../Fragments/Footer';
 import { Divider, Stack } from '@mui/material';
 import ShoesCart from './ShoesCart';
 import CartButons from './CartButons';
diff --git a/webapp/src/components/Details/Details.tsx b/webapp/src/components/Details/Details.tsx
index 98b7fb4..ce117be 100644
--- a/webapp/src/components/Details/Details.tsx
+++ b/webapp/src/components/Details/Details.tsx
@@ -1,10 +1,10 @@
 import React from 'react';
-import Nav from './Nav';
-import RightDetails from './RightDetails';
-import LeftDetails from './LeftDetails';
+import Nav from '../Fragments/Nav';
 import { makeStyles } from '@material-ui/core/styles';
-import Footer from './Footer';
+import Footer from '../Fragments/Footer';
 import { Divider, Stack } from '@mui/material';
+import LeftDetails from './LeftDetails';
+import RightDetails from './RightDetails';
 
 const useStyles = makeStyles({
   sizes: {
diff --git a/webapp/src/components/Fragments/Nav.tsx b/webapp/src/components/Fragments/Nav.tsx
index 8920f9c..cd109bf 100644
--- a/webapp/src/components/Fragments/Nav.tsx
+++ b/webapp/src/components/Fragments/Nav.tsx
@@ -14,6 +14,7 @@ import Menu from '@mui/material/Menu';
 import HomeIcon from '@mui/icons-material/Home';
 import ShoppingCartIcon from "@mui/icons-material/ShoppingCart";
 import { makeStyles } from "@material-ui/core/styles";
+import { Link } from "react-router-dom";
 
 const Search = styled('div')(({ theme }) => ({
   position: 'relative',
@@ -118,13 +119,17 @@ export default function MenuAppBar() {
           </Typography>
           {auth && (
             <div>
-              <IconButton
+              <IconButton 
+                to='/Home'
+                component={Link}
                 size="large"
                 className={classes.colorButtom}
               >
                 <HomeIcon/>
               </IconButton>
               <IconButton
+                to='/Cart'
+                component={Link}
                 size="large"
                 className={classes.colorButtom}
               >
diff --git a/webapp/src/components/Home/Home.tsx b/webapp/src/components/Home/Home.tsx
index cb24d69..182b074 100644
--- a/webapp/src/components/Home/Home.tsx
+++ b/webapp/src/components/Home/Home.tsx
@@ -1,9 +1,11 @@
 
+import Nav from '../Fragments/Nav';
+import { makeStyles } from '@material-ui/core/styles';
+import Footer from '../Fragments/Footer';
 import List from './List';
-import Nav from './Nav';
 import Shoes from './Shoes';
-import { makeStyles } from '@material-ui/core/styles';
-import Footer from './Footer';
+
+
 const useStyles = makeStyles({
   sizes: {
     marginLeft:'34%',
diff --git a/webapp/src/components/Home/List.tsx b/webapp/src/components/Home/List.tsx
index 7852215..9d47e54 100644
--- a/webapp/src/components/Home/List.tsx
+++ b/webapp/src/components/Home/List.tsx
@@ -12,8 +12,6 @@ const useStyles = makeStyles({
       
     },
       
-  
-  
   });
   
   

From 8bc457276894f7a541835ec50b7afda17db11390 Mon Sep 17 00:00:00 2001
From: Vantix <andreavillablino@gmail.com>
Date: Thu, 10 Mar 2022 19:19:08 +0100
Subject: [PATCH 3/6] Navegacion implementada correctamente

---
 webapp/src/components/Fragments/Nav.tsx | 2 +-
 webapp/src/components/Home/List.tsx     | 3 ++-
 webapp/src/components/Home/Shoes.tsx    | 5 ++++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/webapp/src/components/Fragments/Nav.tsx b/webapp/src/components/Fragments/Nav.tsx
index cd109bf..4d3d9b5 100644
--- a/webapp/src/components/Fragments/Nav.tsx
+++ b/webapp/src/components/Fragments/Nav.tsx
@@ -120,7 +120,7 @@ export default function MenuAppBar() {
           {auth && (
             <div>
               <IconButton 
-                to='/Home'
+                to='/'
                 component={Link}
                 size="large"
                 className={classes.colorButtom}
diff --git a/webapp/src/components/Home/List.tsx b/webapp/src/components/Home/List.tsx
index 9d47e54..45481de 100644
--- a/webapp/src/components/Home/List.tsx
+++ b/webapp/src/components/Home/List.tsx
@@ -5,6 +5,8 @@ import ImageListItem from '@mui/material/ImageListItem';
 import ImageListItemBar from '@mui/material/ImageListItemBar';
 import IconButton from '@mui/material/IconButton';
 import StarBorderIcon from '@mui/icons-material/StarBorder';
+import { Link } from "react-router-dom";
+
 const useStyles = makeStyles({
     sizes: {
       marginLeft:'34%',
@@ -61,7 +63,6 @@ const useStyles = makeStyles({
                   <IconButton
                     sx={{ color: 'white' }}
                     aria-label={`star ${item.title}`}
-                    href="/Details"
                   >
                     <StarBorderIcon />
                   </IconButton>
diff --git a/webapp/src/components/Home/Shoes.tsx b/webapp/src/components/Home/Shoes.tsx
index 97a11fb..e8f8771 100644
--- a/webapp/src/components/Home/Shoes.tsx
+++ b/webapp/src/components/Home/Shoes.tsx
@@ -8,6 +8,7 @@ import CardMedia from '@material-ui/core/CardMedia';
 import Button from '@material-ui/core/Button';
 import Typography from '@material-ui/core/Typography';
 import {Grid } from "@mui/material";
+import { Link } from "react-router-dom";
 
 const useStyles = makeStyles({
   sizes: {
@@ -97,7 +98,9 @@ export default function ImgMediaCard() {
     {shoes_images.map( item =>
     <Grid item xs={4} sm={2} md={2} key={item.id}>
     <Card className={classes.sizes}>
-      <CardActionArea>
+      <CardActionArea                 
+      to='/Details'
+      component={Link}>
         <CardMedia
           component="img"
           alt={item.name}

From 489ed8825b05c2ee475700415afe42b3c26cbb6d Mon Sep 17 00:00:00 2001
From: Vantix <andreavillablino@gmail.com>
Date: Fri, 11 Mar 2022 14:30:49 +0100
Subject: [PATCH 4/6] Eliminado codigo no funcional

---
 webapp/src/components/Cart/Cart.tsx            | 10 ++--------
 webapp/src/components/Cart/CartButons.tsx      |  5 -----
 webapp/src/components/Cart/ShoesCart.tsx       |  5 +----
 webapp/src/components/Details/Details.tsx      |  1 -
 webapp/src/components/Details/LeftDetails.tsx  |  1 -
 webapp/src/components/Details/RightDetails.tsx |  3 +--
 webapp/src/components/Fragments/Footer.tsx     |  2 +-
 webapp/src/components/Fragments/Nav.tsx        |  6 +-----
 webapp/src/components/Home/Home.tsx            |  5 -----
 webapp/src/components/Home/List.tsx            |  1 -
 webapp/src/components/Home/Shoes.tsx           | 10 ----------
 11 files changed, 6 insertions(+), 43 deletions(-)

diff --git a/webapp/src/components/Cart/Cart.tsx b/webapp/src/components/Cart/Cart.tsx
index 38cca22..6ab822f 100644
--- a/webapp/src/components/Cart/Cart.tsx
+++ b/webapp/src/components/Cart/Cart.tsx
@@ -1,6 +1,4 @@
-import List from '../Home/List';
 import Nav from '../Fragments/Nav';
-import Shoes from '../Home/Shoes';
 import { makeStyles } from '@material-ui/core/styles';
 import Footer from '../Fragments/Footer';
 import { Divider, Stack } from '@mui/material';
@@ -43,12 +41,8 @@ left: {
   
 }
 
-    
-
-
 });
-const Carrito = () => {
-  const classes = useStyles();
+const Cart = () => {
     
     return (
       <div>
@@ -68,4 +62,4 @@ const Carrito = () => {
       
     );
   };
-  export default Carrito;
+  export default Cart;
diff --git a/webapp/src/components/Cart/CartButons.tsx b/webapp/src/components/Cart/CartButons.tsx
index aea95c2..b137a64 100644
--- a/webapp/src/components/Cart/CartButons.tsx
+++ b/webapp/src/components/Cart/CartButons.tsx
@@ -1,14 +1,9 @@
 import * as React from 'react';
-import CssBaseline from '@mui/material/CssBaseline';
-import Box from '@mui/material/Box';
 import Container from '@mui/material/Container';
-import { BottomNavigationAction } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core';
 import { Grid } from '@mui/material';
 import Button from '@mui/material/Button';
-import ButtonGroup from '@mui/material/ButtonGroup';
 import ShoppingCartIcon from "@mui/icons-material/ShoppingCart";
-import { FavoriteBorder } from "@mui/icons-material";
 
 const useStyles = makeStyles({
     sizes: {
diff --git a/webapp/src/components/Cart/ShoesCart.tsx b/webapp/src/components/Cart/ShoesCart.tsx
index 139af47..f2bb7b5 100644
--- a/webapp/src/components/Cart/ShoesCart.tsx
+++ b/webapp/src/components/Cart/ShoesCart.tsx
@@ -2,13 +2,10 @@ import React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import Card from '@material-ui/core/Card';
 import CardActionArea from '@material-ui/core/CardActionArea';
-import CardActions from '@material-ui/core/CardActions';
 import CardContent from '@material-ui/core/CardContent';
 import CardMedia from '@material-ui/core/CardMedia';
-import Button from '@material-ui/core/Button';
 import Typography from '@material-ui/core/Typography';
-import {Container, CssBaseline, Grid } from "@mui/material";
-import Box from '@material-ui/core/Box';
+import {Container, Grid } from "@mui/material";
 import DeleteIcon from '@mui/icons-material/Delete';
 import { IconButton } from '@material-ui/core';
 
diff --git a/webapp/src/components/Details/Details.tsx b/webapp/src/components/Details/Details.tsx
index ce117be..d483938 100644
--- a/webapp/src/components/Details/Details.tsx
+++ b/webapp/src/components/Details/Details.tsx
@@ -27,7 +27,6 @@ const useStyles = makeStyles({
 });
 
 const Details = () => {
-  const classes = useStyles();
     
     return (
       <div>
diff --git a/webapp/src/components/Details/LeftDetails.tsx b/webapp/src/components/Details/LeftDetails.tsx
index b33f3ad..9bcc6bf 100644
--- a/webapp/src/components/Details/LeftDetails.tsx
+++ b/webapp/src/components/Details/LeftDetails.tsx
@@ -9,7 +9,6 @@ const useStyles = makeStyles({
   });
 
 const LeftDetails = () => {
-    const classes = useStyles();
       
       return (
         <ImageList variant="masonry" cols={3} gap={8}>
diff --git a/webapp/src/components/Details/RightDetails.tsx b/webapp/src/components/Details/RightDetails.tsx
index d6cb90e..dd07d55 100644
--- a/webapp/src/components/Details/RightDetails.tsx
+++ b/webapp/src/components/Details/RightDetails.tsx
@@ -1,10 +1,9 @@
 import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
 import Button from '@mui/material/Button';
 import ButtonGroup from '@mui/material/ButtonGroup';
 import ShoppingCartIcon from "@mui/icons-material/ShoppingCart";
 import { FavoriteBorder } from "@mui/icons-material";
-import { Box, ButtonBase, Typography } from '@mui/material';
+import { Box, Typography } from '@mui/material';
 import TableSizes from './TableSizes';
 
 const tallas = [
diff --git a/webapp/src/components/Fragments/Footer.tsx b/webapp/src/components/Fragments/Footer.tsx
index 495e067..9a1771d 100644
--- a/webapp/src/components/Fragments/Footer.tsx
+++ b/webapp/src/components/Fragments/Footer.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { makeStyles } from '@material-ui/core/styles';
-import { color } from "@mui/system";
 import { Typography } from "@mui/material";
+
 const useStyles = makeStyles({
     stickToBottom: {
       backgroundColor:'#000000',
diff --git a/webapp/src/components/Fragments/Nav.tsx b/webapp/src/components/Fragments/Nav.tsx
index 4d3d9b5..264cd9b 100644
--- a/webapp/src/components/Fragments/Nav.tsx
+++ b/webapp/src/components/Fragments/Nav.tsx
@@ -8,7 +8,7 @@ import Typography from '@mui/material/Typography';
 import InputBase from '@mui/material/InputBase';
 import MenuIcon from '@mui/icons-material/Menu';
 import SearchIcon from '@mui/icons-material/Search';
-import { AccountCircle, ShoppingCart } from '@mui/icons-material';
+import { AccountCircle, AccountCircleTwoTone} from '@mui/icons-material';
 import MenuItem from '@mui/material/MenuItem';
 import Menu from '@mui/material/Menu';
 import HomeIcon from '@mui/icons-material/Home';
@@ -76,10 +76,6 @@ export default function MenuAppBar() {
   const [auth, setAuth] = React.useState(true);
   const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);
 
-  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    setAuth(event.target.checked);
-  };
-
   const handleMenu = (event: React.MouseEvent<HTMLElement>) => {
     setAnchorEl(event.currentTarget);
   };
diff --git a/webapp/src/components/Home/Home.tsx b/webapp/src/components/Home/Home.tsx
index 182b074..cde881e 100644
--- a/webapp/src/components/Home/Home.tsx
+++ b/webapp/src/components/Home/Home.tsx
@@ -5,7 +5,6 @@ import Footer from '../Fragments/Footer';
 import List from './List';
 import Shoes from './Shoes';
 
-
 const useStyles = makeStyles({
   sizes: {
     marginLeft:'34%',
@@ -43,12 +42,8 @@ left: {
   
 }
 
-    
-
-
 });
 const Home = () => {
-  const classes = useStyles();
     
     return (
       <div>
diff --git a/webapp/src/components/Home/List.tsx b/webapp/src/components/Home/List.tsx
index 45481de..29c4559 100644
--- a/webapp/src/components/Home/List.tsx
+++ b/webapp/src/components/Home/List.tsx
@@ -5,7 +5,6 @@ import ImageListItem from '@mui/material/ImageListItem';
 import ImageListItemBar from '@mui/material/ImageListItemBar';
 import IconButton from '@mui/material/IconButton';
 import StarBorderIcon from '@mui/icons-material/StarBorder';
-import { Link } from "react-router-dom";
 
 const useStyles = makeStyles({
     sizes: {
diff --git a/webapp/src/components/Home/Shoes.tsx b/webapp/src/components/Home/Shoes.tsx
index e8f8771..a54bc59 100644
--- a/webapp/src/components/Home/Shoes.tsx
+++ b/webapp/src/components/Home/Shoes.tsx
@@ -2,10 +2,8 @@ import React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import Card from '@material-ui/core/Card';
 import CardActionArea from '@material-ui/core/CardActionArea';
-import CardActions from '@material-ui/core/CardActions';
 import CardContent from '@material-ui/core/CardContent';
 import CardMedia from '@material-ui/core/CardMedia';
-import Button from '@material-ui/core/Button';
 import Typography from '@material-ui/core/Typography';
 import {Grid } from "@mui/material";
 import { Link } from "react-router-dom";
@@ -82,14 +80,6 @@ const shoes_images=[
     
 ]
 
-
-
-
-
-
-
-
-
 export default function ImgMediaCard() {
   const classes = useStyles();
 

From c58be8b6f0dae5cbe0452c1c8576684b48f77e4f Mon Sep 17 00:00:00 2001
From: Vantix <andreavillablino@gmail.com>
Date: Fri, 11 Mar 2022 14:45:10 +0100
Subject: [PATCH 5/6] Corregido error

Si no no deja hacer pull request
---
 webapp/src/components/Fragments/Nav.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/webapp/src/components/Fragments/Nav.tsx b/webapp/src/components/Fragments/Nav.tsx
index 264cd9b..c79fb04 100644
--- a/webapp/src/components/Fragments/Nav.tsx
+++ b/webapp/src/components/Fragments/Nav.tsx
@@ -8,7 +8,7 @@ import Typography from '@mui/material/Typography';
 import InputBase from '@mui/material/InputBase';
 import MenuIcon from '@mui/icons-material/Menu';
 import SearchIcon from '@mui/icons-material/Search';
-import { AccountCircle, AccountCircleTwoTone} from '@mui/icons-material';
+import { AccountCircle} from '@mui/icons-material';
 import MenuItem from '@mui/material/MenuItem';
 import Menu from '@mui/material/Menu';
 import HomeIcon from '@mui/icons-material/Home';
@@ -73,7 +73,7 @@ const useStyle = makeStyles({
 
 export default function MenuAppBar() {
   const classes = useStyle();
-  const [auth, setAuth] = React.useState(true);
+  const [auth] = React.useState(true);
   const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);
 
   const handleMenu = (event: React.MouseEvent<HTMLElement>) => {

From 98430e87125541344dd7bf0d4b612571d84b62f2 Mon Sep 17 00:00:00 2001
From: Vantix <andreavillablino@gmail.com>
Date: Fri, 11 Mar 2022 14:55:10 +0100
Subject: [PATCH 6/6] Identacion

---
 webapp/src/components/Cart/Cart.tsx          |  48 ++++----
 webapp/src/components/Cart/CartButons.tsx    |  13 +--
 webapp/src/components/Cart/ShoesCart.tsx     |  78 +++++++------
 webapp/src/components/Details/TableSizes.tsx |   1 -
 webapp/src/components/Fragments/Footer.tsx   |  15 +--
 webapp/src/components/Fragments/Nav.tsx      |   3 +-
 webapp/src/components/Home/Home.tsx          |   1 -
 webapp/src/components/Home/List.tsx          |  74 ++++++------
 webapp/src/components/Home/Shoes.tsx         | 112 +++++++++----------
 9 files changed, 162 insertions(+), 183 deletions(-)

diff --git a/webapp/src/components/Cart/Cart.tsx b/webapp/src/components/Cart/Cart.tsx
index 6ab822f..f7087e5 100644
--- a/webapp/src/components/Cart/Cart.tsx
+++ b/webapp/src/components/Cart/Cart.tsx
@@ -4,6 +4,7 @@ import Footer from '../Fragments/Footer';
 import { Divider, Stack } from '@mui/material';
 import ShoesCart from './ShoesCart';
 import CartButons from './CartButons';
+
 const useStyles = makeStyles({
   sizes: {
     marginLeft:'34%',
@@ -20,34 +21,30 @@ const useStyles = makeStyles({
                         'footer footer footer'`,
    gridTemplateRows: '1fr 3fr 1fr',
    gridTemplateColumns: '1fr 2fr 1fr',
-},
-main: {
- gridArea: 'main',
-  
-},
-footer: {
-  gridArea: 'footer'
-  
-},
-header: {
-  gridArea: 'header'
-  
-},
-left: {
-  gridArea: 'left'
-  
-},right: {
-  gridArea: 'right'
-  
-}
-
+  },
+  main: {
+    gridArea: 'main',
+  },
+  footer: {
+    gridArea: 'footer'
+  },
+  header: {
+    gridArea: 'header'
+  },
+  left: {
+    gridArea: 'left' 
+  },
+  right: {
+    gridArea: 'right'
+  }
 });
+
 const Cart = () => {
     
     return (
       <div>
-          <Nav/>
-          <Stack
+        <Nav/>
+        <Stack
         direction="row"
         divider={<Divider orientation="vertical" flexItem />}
         spacing={2}
@@ -56,10 +53,7 @@ const Cart = () => {
             <CartButons/>
         </Stack>
         <Footer/>
-      </div>
-         
-        
-      
+      </div>   
     );
   };
   export default Cart;
diff --git a/webapp/src/components/Cart/CartButons.tsx b/webapp/src/components/Cart/CartButons.tsx
index b137a64..c5ff255 100644
--- a/webapp/src/components/Cart/CartButons.tsx
+++ b/webapp/src/components/Cart/CartButons.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react';
 import Container from '@mui/material/Container';
 import { makeStyles } from '@material-ui/core';
-import { Grid } from '@mui/material';
 import Button from '@mui/material/Button';
 import ShoppingCartIcon from "@mui/icons-material/ShoppingCart";
 
@@ -32,16 +31,16 @@ const useStyles = makeStyles({
     
   },
 });
+
 export default function CartButons() {
     const classes = useStyles();
   return (
-        <Container maxWidth='lg' className={classes.container}>
-        
-         <div className={classes.margen}>
+    <Container maxWidth='lg' className={classes.container}>    
+      <div className={classes.margen}>
         <Button variant="contained" endIcon={<ShoppingCartIcon />} sx={{ bgcolor: 'black' }} size='large' >
-           Finalizar Compra
-         </Button>
+          Finalizar Compra
+        </Button>
       </div>        
-      </Container>
+    </Container>
   );
 }
\ No newline at end of file
diff --git a/webapp/src/components/Cart/ShoesCart.tsx b/webapp/src/components/Cart/ShoesCart.tsx
index f2bb7b5..aeebf8c 100644
--- a/webapp/src/components/Cart/ShoesCart.tsx
+++ b/webapp/src/components/Cart/ShoesCart.tsx
@@ -57,44 +57,42 @@ const shoes_images=[
     }]
 
 
-    const ShoesCart = () => {
-        const classes = useStyles();
+const ShoesCart = () => {
+  const classes = useStyles();
           
-        return (
-            <Container maxWidth="md" className={classes.colores2}>
-                <Typography variant='h2' className={classes.colores}>
-                         ARTICULOS EN EL CARRITO
-                </Typography>
-                <Grid container spacing={{ xs: 2, md: 3 }} columns={{ xs:2, sm:2,md: 4  }} rowSpacing={{xs: 1}}>
-                {shoes_images.map( item =>
-                <Grid item  sm={2} md={2} key={item.id}>
-            <Card className={classes.sizes}>
-              <CardActionArea>
-                <CardMedia
-                  component="img"
-                  alt={item.name}
-                  height="200px"
-                  width="200px"
-                  image={item.image}
-                  title={item.name}
-                />
-                <CardContent >
-                    <Typography variant='h6' >
-                        {item.name}
-                    </Typography>
-                    <Typography variant='h6' >
-                        Precio:{item.price}
-                    </Typography>
-                </CardContent>
-              </CardActionArea>
-              <IconButton aria-label="delete"><DeleteIcon /></IconButton>
-            </Card>
-            </Grid>
-            )}
-            </Grid>
-            
-            </Container>
-            
-          );
-        };
-        export default ShoesCart;
\ No newline at end of file
+    return (
+      <Container maxWidth="md" className={classes.colores2}>
+        <Typography variant='h3' className={classes.colores}>
+          ARTICULOS EN EL CARRITO
+        </Typography>
+        <Grid container spacing={{ xs: 2, md: 3 }} columns={{ xs:2, sm:2,md: 4  }} rowSpacing={{xs: 1}}>
+        {shoes_images.map( item =>
+          <Grid item  sm={2} md={2} key={item.id}>
+          <Card className={classes.sizes}>
+            <CardActionArea>
+              <CardMedia
+                component="img"
+                alt={item.name}
+                height="200px"
+                width="200px"
+                image={item.image}
+                title={item.name}
+              />
+            <CardContent >
+              <Typography variant='h6' >
+                {item.name}
+              </Typography>
+              <Typography variant='h6' >
+                Precio:{item.price}
+              </Typography>
+            </CardContent>
+            </CardActionArea>
+            <IconButton aria-label="delete"><DeleteIcon /></IconButton>
+          </Card>
+          </Grid>
+          )}
+        </Grid> 
+      </Container>  
+    );
+};
+export default ShoesCart;
\ No newline at end of file
diff --git a/webapp/src/components/Details/TableSizes.tsx b/webapp/src/components/Details/TableSizes.tsx
index 0bf55ec..a4582db 100644
--- a/webapp/src/components/Details/TableSizes.tsx
+++ b/webapp/src/components/Details/TableSizes.tsx
@@ -27,7 +27,6 @@ const StyledTableCell = styled(TableCell)(({ theme }) => ({
       border: 0,
     },
   }));
-
   
 function createData(
     sizeCm: number,
diff --git a/webapp/src/components/Fragments/Footer.tsx b/webapp/src/components/Fragments/Footer.tsx
index 9a1771d..d308821 100644
--- a/webapp/src/components/Fragments/Footer.tsx
+++ b/webapp/src/components/Fragments/Footer.tsx
@@ -13,20 +13,17 @@ const useStyles = makeStyles({
       left: '0',
       width: '100%',
       textAlign:'center'
-      
     },
-    
+});
 
-  });
 const Footer = () => {
     const classes = useStyles();
     return (
-  <div className={classes.stickToBottom}>
-    <Typography variant='h6' >
-        @DeDe_es3A
-    </Typography>
-  </div>
+      <div className={classes.stickToBottom}>
+        <Typography variant='h6' >
+          @DeDe_es3A
+        </Typography>
+      </div>
     );
 };
-
 export default Footer;
\ No newline at end of file
diff --git a/webapp/src/components/Fragments/Nav.tsx b/webapp/src/components/Fragments/Nav.tsx
index c79fb04..f037058 100644
--- a/webapp/src/components/Fragments/Nav.tsx
+++ b/webapp/src/components/Fragments/Nav.tsx
@@ -57,6 +57,7 @@ const StyledInputBase = styled(InputBase)(({ theme }) => ({
     },
   },
 }));
+
 const useStyle = makeStyles({
   stickToBottom: {
     background: "linear-gradient(45deg, #000000 30%, #FFFFFF 70%)",
@@ -65,9 +66,7 @@ const useStyle = makeStyles({
   },
   colorButtom: {
     color:'black',
-
   },
-
 });
 
 
diff --git a/webapp/src/components/Home/Home.tsx b/webapp/src/components/Home/Home.tsx
index cde881e..97f3245 100644
--- a/webapp/src/components/Home/Home.tsx
+++ b/webapp/src/components/Home/Home.tsx
@@ -1,4 +1,3 @@
-
 import Nav from '../Fragments/Nav';
 import { makeStyles } from '@material-ui/core/styles';
 import Footer from '../Fragments/Footer';
diff --git a/webapp/src/components/Home/List.tsx b/webapp/src/components/Home/List.tsx
index 29c4559..e6d8a96 100644
--- a/webapp/src/components/Home/List.tsx
+++ b/webapp/src/components/Home/List.tsx
@@ -9,13 +9,10 @@ import StarBorderIcon from '@mui/icons-material/StarBorder';
 const useStyles = makeStyles({
     sizes: {
       marginLeft:'34%',
-      marginTop:'100px',
-      
-    },
-      
+      marginTop:'100px', 
+    },  
   });
   
-  
   function srcset(image: string, width: number, height: number, rows = 1, cols = 1) {
     return {
       src: `${image}?w=${width * cols}&h=${height * rows}&fit=crop&auto=format`,
@@ -75,38 +72,37 @@ const useStyles = makeStyles({
     );
   }
   
-  const itemData = [
-    {
-      img: 'https://i.blogs.es/67332d/screenshot_4501/original.jpeg',
-      title: 'Pokemon',
-      featured: true,
-    },
-    {
-      img: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTviEWtiJBnAfMBudW5kmrIpt9tng4cD2_F_w1HDAnVAcnqoP5LJM9vKNBOBlrvSigJEIM&usqp=CAU',
-      title: 'Zapatillas Baby Yoda',
-      author: '@rollelflex_graphy726',
-    },
-    {
-      img: 'https://images.ecestaticos.com/Xt-KJxmVpvzrqtKT8eEnRNxbcTc=/51x0:1249x899/1200x900/filters:fill(white):format(jpg)/f.elconfidencial.com%2Foriginal%2F9c2%2F2d6%2F83d%2F9c22d683d9536e8961c5d4fe8a2f6f4f.jpg',
-      title: 'Style',
-      author: '@helloimnik',
-    },
-    {
-      img: 'https://images-eu.ssl-images-amazon.com/images/G/30/AMAZON-FASHION/2021/FASHION/FEATURE_PAGES/SNEAKERS/MENS/04_C12x.jpg',
-      title: 'Caña Alta',
-      author: '@nolanissac',
-    },
-    {
-      img: 'https://ichef.bbci.co.uk/news/640/cpsprodpb/B9FF/production/_117751674_satan-shoes1.jpg',
-      title: 'Lo último',
-      author: '@hjrc33',
-    },
-    {
-      img: 'https://www.clara.es/medio/2019/02/28/zapatillas-negras-vans-85%E2%82%AC_482707a2_1000x1500.jpg',
-      title: 'Casual',
-      author: '@arwinneil',
-      featured: true,
-    },
-   
-  ];
+const itemData = [
+  {
+    img: 'https://i.blogs.es/67332d/screenshot_4501/original.jpeg',
+    title: 'Pokemon',
+    featured: true,
+  },
+  {
+    img: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTviEWtiJBnAfMBudW5kmrIpt9tng4cD2_F_w1HDAnVAcnqoP5LJM9vKNBOBlrvSigJEIM&usqp=CAU',
+    title: 'Zapatillas Baby Yoda',
+    author: '@rollelflex_graphy726',
+  },
+  {
+    img: 'https://images.ecestaticos.com/Xt-KJxmVpvzrqtKT8eEnRNxbcTc=/51x0:1249x899/1200x900/filters:fill(white):format(jpg)/f.elconfidencial.com%2Foriginal%2F9c2%2F2d6%2F83d%2F9c22d683d9536e8961c5d4fe8a2f6f4f.jpg',
+    title: 'Style',
+    author: '@helloimnik',
+  },
+  {
+    img: 'https://images-eu.ssl-images-amazon.com/images/G/30/AMAZON-FASHION/2021/FASHION/FEATURE_PAGES/SNEAKERS/MENS/04_C12x.jpg',
+    title: 'Caña Alta',
+    author: '@nolanissac',
+  },
+  {
+    img: 'https://ichef.bbci.co.uk/news/640/cpsprodpb/B9FF/production/_117751674_satan-shoes1.jpg',
+    title: 'Lo último',
+    author: '@hjrc33',
+  },
+  {
+    img: 'https://www.clara.es/medio/2019/02/28/zapatillas-negras-vans-85%E2%82%AC_482707a2_1000x1500.jpg',
+    title: 'Casual',
+    author: '@arwinneil',
+    featured: true,
+  },
+];
   
\ No newline at end of file
diff --git a/webapp/src/components/Home/Shoes.tsx b/webapp/src/components/Home/Shoes.tsx
index a54bc59..c157864 100644
--- a/webapp/src/components/Home/Shoes.tsx
+++ b/webapp/src/components/Home/Shoes.tsx
@@ -18,66 +18,64 @@ const useStyles = makeStyles({
     "&:hover ": { transform: "scale3d(1.05, 1.05, 1)",
       boxShadow: "-1px 1px 20px 0px rgba(0,0,0,0.9)",
   }
-}
-
+} 
 });
 
 const shoes_images=[
-    {
-        id:'1',
-        name:'Nike Air Max 90',
-        price:'149,99 €',
-        image:'https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/75d0471d-9d61-49c2-b1f9-fff297b10dd7/air-max-90-surplus-zapatillas-rpgT3V.png'
-    },
-    {
-        id:'2',
-        name:'Adidas de Pixar',
-        price:'149,99 €',
-        image:'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR_agk4j-1Ofuy6yUvowjpcBVctwkywepbJrWaw717uf1_0qipyfDN5ZGbCFhm0ytAtEy4&usqp=CAU'
-    },
-    {
-        id:'3',
-        name:'ZAPATILLA NMD_R1 V2',
-        price:'140 €',
-        image:'https://assets.adidas.com/images/w_600,f_auto,q_auto/b1fb22faa98a4626bba9ad110106940f_9366/Zapatilla_NMD_R1_V2_Negro_GX0540_01_standard.jpg'
-    },
-    {
-        id:'4',
-        name:'ZAPATILLAS GRAND COURT BASE',
-        price:'11.999 €',
-        image:'https://assets.adidas.com/images/w_600,f_auto,q_auto/1790130ab31944ddbb90aa4300cd10a9_9366/Zapatillas_Grand_Court_Base_Blanco_EE7904_01_standard.jpg'
-    },
-    {
-        id:'5',
-        name:'Nike Air Force 1',
-        price:'110 €',
-        image:'https://static.nike.com/a/images/q_auto:eco/t_product_v1/f_auto/dpr_3.0/w_300,c_limit/d9f1d9ee-a848-4a36-aab9-48b241078ebb/air-force-1-le-zapatillas-nino-a-D59pRJ.png'
-    },
-    {
-        id:'6',
-        name:'Nike Blazer Mid 77 Vintage',
-        price:'99,99 €',
-        image:'https://static.nike.com/a/images/t_PDP_864_v1/f_auto,b_rgb:f5f5f5/1a0c1fb4-564f-441d-93a2-f41dc5007bcd/blazer-mid-77-vintage-zapatillas-t7wWrK.png'
-    },
-    {
-        id:'7',
-        name:'Nike Air Max Plus',
-        price:'169,99 €',
-        image:'https://static.nike.com/a/images/t_PDP_864_v1/f_auto,b_rgb:f5f5f5/lx0owmisj943sr59emb8/air-max-plus-zapatillas-07mFHd.png'
-    },
-    {
-        id:'8',
-        name:'Nike Air Max Plus',
-        price:'169,99 €',
-        image:'https://static.nike.com/a/images/t_PDP_864_v1/f_auto,b_rgb:f5f5f5/b99930d3-563a-49ee-8460-54b618dd52ea/air-max-plus-zapatillas-xKRLd1.png'
-    },
-    {
-        id:'9',
-        name:'ZAPATILLA COURTMASTER',
-        price:'56 €',
-        image:'https://assets.adidas.com/images/w_600,f_auto,q_auto/4fedb76b2da84ff69089ab9700e372fe_9366/Zapatilla_Courtmaster_Blanco_FW2897_01_standard.jpg'
-    },
-    
+  {
+    id:'1',
+    name:'Nike Air Max 90',
+    price:'149,99 €',
+    image:'https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/75d0471d-9d61-49c2-b1f9-fff297b10dd7/air-max-90-surplus-zapatillas-rpgT3V.png'
+  },
+  {
+    id:'2',
+    name:'Adidas de Pixar',
+    price:'149,99 €',
+    image:'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR_agk4j-1Ofuy6yUvowjpcBVctwkywepbJrWaw717uf1_0qipyfDN5ZGbCFhm0ytAtEy4&usqp=CAU'
+  },
+  {
+    id:'3',
+    name:'ZAPATILLA NMD_R1 V2',
+    price:'140 €',
+    image:'https://assets.adidas.com/images/w_600,f_auto,q_auto/b1fb22faa98a4626bba9ad110106940f_9366/Zapatilla_NMD_R1_V2_Negro_GX0540_01_standard.jpg'
+  },
+  {
+    id:'4',
+    name:'ZAPATILLAS GRAND COURT BASE',
+    price:'11.999 €',
+    image:'https://assets.adidas.com/images/w_600,f_auto,q_auto/1790130ab31944ddbb90aa4300cd10a9_9366/Zapatillas_Grand_Court_Base_Blanco_EE7904_01_standard.jpg'
+  },
+  {
+    id:'5',
+    name:'Nike Air Force 1',
+    price:'110 €',
+    image:'https://static.nike.com/a/images/q_auto:eco/t_product_v1/f_auto/dpr_3.0/w_300,c_limit/d9f1d9ee-a848-4a36-aab9-48b241078ebb/air-force-1-le-zapatillas-nino-a-D59pRJ.png'
+  },
+  {
+    id:'6',
+    name:'Nike Blazer Mid 77 Vintage',
+    price:'99,99 €',
+    image:'https://static.nike.com/a/images/t_PDP_864_v1/f_auto,b_rgb:f5f5f5/1a0c1fb4-564f-441d-93a2-f41dc5007bcd/blazer-mid-77-vintage-zapatillas-t7wWrK.png'
+  },
+  {
+    id:'7',
+    name:'Nike Air Max Plus',
+    price:'169,99 €',
+    image:'https://static.nike.com/a/images/t_PDP_864_v1/f_auto,b_rgb:f5f5f5/lx0owmisj943sr59emb8/air-max-plus-zapatillas-07mFHd.png'
+  },
+  {
+    id:'8',
+    name:'Nike Air Max Plus',
+    price:'169,99 €',
+    image:'https://static.nike.com/a/images/t_PDP_864_v1/f_auto,b_rgb:f5f5f5/b99930d3-563a-49ee-8460-54b618dd52ea/air-max-plus-zapatillas-xKRLd1.png'
+  },
+  {
+    id:'9',
+    name:'ZAPATILLA COURTMASTER',
+    price:'56 €',
+    image:'https://assets.adidas.com/images/w_600,f_auto,q_auto/4fedb76b2da84ff69089ab9700e372fe_9366/Zapatilla_Courtmaster_Blanco_FW2897_01_standard.jpg'
+  },  
 ]
 
 export default function ImgMediaCard() {