Merge pull request #203 from Arquisoft/DesarrolloCategoriesBar

Cosas de categorias y demás
Arquisoft · May 1, 2022 · 0a855eb · 0a855eb
2 parents a232538 + 22da5c9
commit 0a855eb
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 18 deletions.
diff --git a/webapp/src/App.tsx b/webapp/src/App.tsx
@@ -180,7 +180,7 @@ const App = () => {
           <Route path="" element={
             <Wrapper>
               <Navbar />
-              <CategoriesBar/>
+
               <Home />
               <Footer />
             </Wrapper>
@@ -191,7 +191,7 @@ const App = () => {
               <Wrapper>
                 <div className='content-wrap'>
                   <Navbar />
-
+                  <CategoriesBar/>
                   {
                     localStorage.getItem("isAdmin")=="true" ? // isAdmin ?
                       <></>

diff --git a/webapp/src/PayForm/CategoriesBar.tsx b/webapp/src/PayForm/CategoriesBar.tsx
@@ -9,21 +9,30 @@ const NavigationWrapper = styled.nav`
  justify-content: space-between;
 `
 
-const Separator = styled.hr`
- height: 10%;
+const StyledLink = styled.a`
+color: #ffffff;
+`
+
+const Separator = styled.div`
+ height: 5px;
  width: 70%;
  border-radius: 14px;
- margin: 0 auto;
- background-color: #d1626f;
+ align-content: center;
+ margin: 5px auto;
+ background-color: #d3707c;
 `
 
 
 const CategoriesBar = ()=> {
     return(
         <>
     <NavigationWrapper>
-        <Link className="linkCategorie" href="/juguete/categoria/nostalgia">Nostalgia</Link>
-        <Link className="linkCategorie" href="/productos">Productos</Link>
+        <StyledLink className="linkCategorie" href="/juguete/categoria/nostalgia">Nostalgia</StyledLink>
+        <StyledLink className="linkCategorie" href="/juguete/categoria/nostalgia">Vehiculos</StyledLink>
+        <StyledLink className="linkCategorie" href="/juguete/categoria/nostalgia">Aire libre</StyledLink>
+        <StyledLink className="linkCategorie" href="/juguete/categoria/nostalgia">Algo</StyledLink>
+        <StyledLink className="linkCategorie" href="/juguete/categoria/nostalgia">Otros</StyledLink>
+        <StyledLink className="linkCategorie" href="/productos">Productos</StyledLink>
     </NavigationWrapper>
     <Separator/>
     </>

diff --git a/webapp/src/PayForm/ProcesoPago.tsx b/webapp/src/PayForm/ProcesoPago.tsx
@@ -40,9 +40,8 @@ let condPedido= true;
 let gastosEnvio:any; 
 
 //Procesar pedido
+
 async function finalizarPedido(precioGastosDeEnvio : string,juguetes: Juguete[], email:string): Promise<any> {
-
-
   let p:number = parseFloat(precioGastosDeEnvio);
   const calculateTotal = (items:Juguete[]) =>
     items.reduce((ack:number, item) => ack + item.cantidad*item.precio,0);
@@ -98,13 +97,7 @@ const ProcesoPago:React.FC<Props> = ({cartItems}) => {
           toast.warn("Por favor, inicie sesión con su POD para que podamos obtener su dirección", {position: toast.POSITION.TOP_CENTER})
         } else {
           let variable = await getGastosEnvio();
-          console.log(gastosEnvio);
-          if(gastosEnvio==0.00) {
-            toast.error("Su dirección no fue encontrada, lo sentimos. Para solucionar el problema "+
-           "modifique la dirección de su POD", {position: toast.POSITION.TOP_CENTER})
-          } else {
           setPasoActual((pasoPrevio) => pasoPrevio + 1);
-          }
         }
       };
 
@@ -170,8 +163,6 @@ const ProcesoPago:React.FC<Props> = ({cartItems}) => {
         }
       };
 
-
-
       return (
         <React.Fragment>
            <Stepper

diff --git a/webapp/src/PayForm/categories.css b/webapp/src/PayForm/categories.css
@@ -8,4 +8,7 @@
     padding:16px;
     border-radius: 32px;
 }
+.linkCategorie:hover {
+    color:rgb(255, 255, 255);
+}