Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implementacion de API al formulario de direccion #8

Merged
merged 1 commit into from
Mar 28, 2024
Merged

Implementacion de API al formulario de direccion #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 12 additions & 1 deletion package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

3 changes: 2 additions & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,8 @@
"react-password-checklist": "^1.5.1",
"react-router-dom": "^6.17.0",
"react-slick": "^0.29.0",
"slick-carousel": "^1.8.1"
"slick-carousel": "^1.8.1",
"zxcvbn": "^4.4.2"
},
"devDependencies": {
"@types/react": "^18.2.15",
Expand Down
112 changes: 74 additions & 38 deletions src/components/BarraNavegacion.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,61 +32,97 @@ function App() {


return (
<div className="container mt-22">
<nav className="flex flex-col md:flex-row fixed w-full top-0 bg-turquesa py-1" style={{ zIndex: 1000 }}>
<div className="container mt-[88px]">
<nav
className="flex flex-col md:flex-row fixed w-full top-0 bg-turquesa py-1"
style={{ zIndex: 1000 }}
>
<div className="flex items-center justify-between w-full md:w-auto md:pl-8 pr-8 md:pr-0">
<Link to="/" className="flex items-center">
<img className="w-18 md:w-25 h-16 md:h-20 flex-wrap rounded-md" src={imagen} alt="logo" />
<img
className="w-18 md:w-25 h-16 md:h-20 flex-wrap rounded-md"
src={imagen}
alt="logo"
/>
</Link>
<img className="w-16 h-16 cursor-pointer md:hidden ml-auto" src={burgerMenu} alt="Menu hamburguesa" />
<img
className="w-16 h-16 cursor-pointer md:hidden ml-auto"
src={burgerMenu}
alt="Menu hamburguesa"
/>
</div>

<div className="hidden md:flex flex-grow items-center justify-between ml-4 md:ml-13">
<div className="flex items-center">
<div className="flex items-center justify-end gap-8">
<Link
to="/inicio"
className="hover:border-b-2 border-blue-700 text-black px-2 py-2 font-bold flex items-center text-xl"
>
{" "}
<AiOutlineHome size={20} className="mr-1" /> Inicio{" "}
</Link>
{/* <Link to="/lentes" className="hover:border-b-2 border-blue-700 text-black px-2 py-2 font-bold flex items-center text-xl">
Lentes </Link> */}
<Link
to="/lentesS"
className="hover:border-b-2 border-blue-700 text-black px-2 py-2 font-bold flex items-center text-xl"
>
{" "}
Lentes{" "}
</Link>
<Link
to="/accesorios"
className="hover:border-b-2 border-blue-700 text-black px-2 py-2 font-bold flex items-center text-xl"
>
Accesorios
</Link>
</div>

{/* barra de busqueda */}

<div className="flex items-center ms-12">
<div className="hidden md:flex items-center">
<input
type="text"
placeholder="Barra de búsqueda"
value={busqueda}
onChange={(e) => setBusqueda(e.target.value)}
className="rounded-md px-2 py-1" />
<button
type="button"
onClick={handleSearch}>
<input
type="text"
placeholder="Buscar..."
value={busqueda}
onChange={(e) => setBusqueda(e.target.value)}
className="rounded-md px-2 py-1"
/>
<button type="button" onClick={handleSearch}>
<AiOutlineSearch className="text-white ml-2 bg-black w-6 h-6 rounded-md" />
</button>
</div>
</div>

<div className="flex items-center justify-end gap-8">
<Link to="/inicio" className="hover:bg-blue-900 text-black rounded-md px-2 py-2 font-bold flex items-center"> <AiOutlineHome size={20} className="mr-1" /> Inicio </Link>
{/* <Link to="/lentes" className="hover:bg-blue-900 text-black rounded-md px-2 py-2 font-bold flex items-center">
Lentes </Link> */}
<Link to="/lentesS" className="hover:bg-blue-900 text-black rounded-md px-2 py-2 font-bold flex items-center"> Lentes </Link>
<Link to="/accesorios" className="hover:bg-blue-900 text-black rounded-md px-2 py-2 font-bold flex items-center"> Accesorios </Link>
</div>

<div className="hidden md:flex items-center gap-4 ml-4 md:ml-32 -translate-x-16">
<Link
to="/gestionarCi"
className="bg-aRey hover:bg-blue-900 text-black rounded-md px-3 py-1 font-bold flex text-center">
Gestionar Cita
to="/gestionarCi"
className="bg-aRey hover:bg-blue-900 text-black rounded-lg px-3 py-2 font-bold flex text-center text-xl"
>
Citas
</Link>
<Link
to="/inicioS"
className="bg-aRey hover:bg-blue-900 text-black rounded-md px-3 py-1 font-bold flex"> Iniciar Sesión </Link>
to="/inicioS"
className="bg-aRey hover:bg-blue-900 text-black rounded-lg px-3 py-2 font-bold flex w-40 justify-center items-center text-xl"
>
{" "}
Iniciar Sesión{" "}
</Link>
<Link
to="/RegistroPage"
className="bg-aRey hover:bg-blue-900 text-black rounded-md px-4 py-2 font-bold flex"> Registrarse </Link>
<Link to="/carrito" className="relative inline-block">
<FaShoppingCart size={30} className="rounded-md text-gray-800" alt='carrito' />
{/* {cartItems.length > 0 && (
<span className="bg-red-500 text-white rounded-full w-5 h-5 absolute -top-1 -right-1 flex items-center justify-center">
{cartItems.length}
</span>
)} */}
</Link>

to="/RegistroPage"
className="bg-aRey hover:bg-blue-900 text-black rounded-lg px-4 py-2 font-bold flex text-xl"
>
{" "}
Registrarse{" "}
</Link>
<Link to="/carrito" className="relative inline-block">
<FaShoppingCart
size={30}
className="rounded-md text-gray-800"
alt="carrito"
/>
</Link>
</div>
</div>
</nav>
Expand Down
66 changes: 32 additions & 34 deletions src/components/Footer.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,31 +1,26 @@
import { BsFacebook } from "react-icons/bs";
import caihqr from "../img/caihqr.png";
import { BsFacebook } from "react-icons/bs";
import caihqr from "../img/caihqr.png";
import { Link } from "react-router-dom";
import { FaCookieBite } from "react-icons/fa";
import poli from "../img/politica.png";





export default function Footer() {
return (
<footer className="bg-turquesa">
<div className="w-full max-w-screen-xl p-4 py-6 mx-auto lg:p-8">
<div className="md:flex md:justify-between">
<div className="mb-6 md:mb-0 md:flex md:items-center">
<a className="flex items-center mx-auto md:mx-0">
<img
src={caihqr}
className="h-40 mx-auto rounded-md"
alt="Logo caih"
/>
</a>
</div>
<div className="mb-6 md:mb-0 md:flex md:items-center">
</div>
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3">
<div>
<div className="w-full max-w-screen-xl p-4 py-6 mx-auto lg:p-8">
<div className="md:flex md:justify-between">
<div className="mb-6 md:mb-0 md:flex md:items-center">
<a className="flex items-center mx-auto md:mx-0">
<img
src={caihqr}
className="h-40 mx-auto rounded-md"
alt="Logo caih"
/>
</a>
</div>
<div className="mb-6 md:mb-0 md:flex md:items-center"></div>
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3">
<div>
<h2 className="mb-6 text-sm font-semibold text-gray-600 uppercase">
síguenos
</h2>
Expand All @@ -48,26 +43,28 @@ export default function Footer() {
</h2>
<ul className="font-medium text-gray-300 space-y-2">
<li className="mb-4 flex items-center">
<img className="-translate-x-2" src={poli} style={{ width: '30px', height: '30px' }} alt="Imagen politica de privacidad" />
<img
className="-translate-x-2"
src={poli}
style={{ width: "30px", height: "30px" }}
alt="Imagen politica de privacidad"
/>

<Link
to="/inicio/avisoP"
className="hover:underline -translate-x-1">
to="/inicio/avisoP"
className="hover:underline -translate-x-1"
>
Politica de privacidad
</Link>
</li>
<li className="mb-4 flex items-center ">
<FaCookieBite className="mr-2 "style={{ color: 'black' }} />
<Link
to="/inicio/cookies"
className="hover:underline">
<FaCookieBite className="mr-2 " style={{ color: "black" }} />
<Link to="/inicio/cookies" className="hover:underline">
Cookies
</Link>
</li>
<li>
<Link
to="/inicio/terminosC"
className="hover:underline">
<Link to="/inicio/terminosC" className="hover:underline">
Terminos y condiciones
</Link>
</li>
Expand Down Expand Up @@ -96,10 +93,11 @@ export default function Footer() {
);
}


{/* <Link
{
/* <Link
to="avisoP"
className="text-black-600 hover:text-black mx-2 text-sm md:text-base lg:text-lg"
>
Aviso de privacidad
</Link> */}
</Link> */
}
6 changes: 3 additions & 3 deletions src/components/scroll.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,20 +38,20 @@ function ScrollButton() {
};

return (
<div className="fixed bottom-4 left-2 flex flex- justify-center mb-20">
<div className="fixed -bottom-[72px] left-2 flex flex- justify-center mb-20">
<div className="flex flex-col items-center">
<button
className={`${
showScrollTop ? "flex" : "hidden"
} bg-gray-700 hover:bg-gray-600 text-white rounded-full border-1 border-white translate-y-22`}
} bg-gray-700 hover:bg-gray-600 text-white rounded-full border-1 border-white`}
onClick={scrollTop}
>
<IoIosArrowUp className="h-12 w-12 pb-1" />
</button>
<button
className={`${
showScrollBottom ? "flex" : "hidden"
} bg-gray-700 hover:bg-gray-600 text-white rounded-full border-1 border-white translate-y-22`}
} bg-gray-700 hover:bg-gray-600 text-white rounded-full border-1 border-white`}
onClick={scrollBottom}
>
<IoIosArrowDown className="h-12 w-12 pt-1" />
Expand Down
19 changes: 0 additions & 19 deletions src/style/app.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +0,0 @@
/* App.css */

/* .privacy-policy h2 {
color: #333;
}

.privacy-policy strong {
font-weight: bold;
}

.privacy-policy ul {
list-style-type: square;
margin-left: 20px;
}

.privacy-policy p {
margin-bottom: 15px;
} */

Binary file modified src/views/Registro.rar
View file
Open in desktop
Binary file not shown.
Loading