Navegación entre paginas
This commit is contained in:
parent
a3192d7a39
commit
2cf5ce57df
|
@ -9,6 +9,7 @@ import { FaMagnifyingGlass } from "react-icons/fa6";
|
|||
import { CiHeart } from "react-icons/ci";
|
||||
import { FaRegEye } from "react-icons/fa";
|
||||
import { CiShare2 } from "react-icons/ci";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
|
||||
import PastelEditado1 from "./assets/Edicion1.jpg";
|
||||
import PastelEditado2 from "./assets/Edicion2.jpg";
|
||||
|
@ -21,8 +22,18 @@ import MejoresPasteles from "./assets/MejoresPasteles.jpg";
|
|||
import PastelTematico from "./assets/pastel-tematico.jpg";
|
||||
|
||||
function App() {
|
||||
const [count, setCount] = useState(0)
|
||||
const [count, setCount] = useState(0);
|
||||
const navigate = useNavigate();
|
||||
|
||||
const redirectPersonalizarPastelArcoiris = () => {
|
||||
// Redirige a la página del hotel cuando se hace clic en el botón
|
||||
navigate("/PersonalizarPastel/PastelArcoiris");
|
||||
};
|
||||
|
||||
const redirectInicio = () => {
|
||||
// Redirige a la página del hotel cuando se hace clic en el botón
|
||||
navigate("/");
|
||||
};
|
||||
return (
|
||||
<>
|
||||
<body>
|
||||
|
@ -59,9 +70,9 @@ function App() {
|
|||
<nav class="navbar container">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<ul class="menu">
|
||||
<li><a href="#">Inicio</a></li>
|
||||
<li><a href="#">Pasteles</a></li>
|
||||
<li><a href="#">Personalizar Pastel</a></li>
|
||||
<li><a href="#" onClick={redirectInicio}>Inicio</a></li>
|
||||
<li><a href="#" >Pasteles</a></li>
|
||||
<li><a href="#" onClick={redirectPersonalizarPastelArcoiris}>Personalizar Pastel</a></li>
|
||||
<li><a href="#">Pedidos</a></li>
|
||||
<li><a href="#">Blog</a></li>
|
||||
|
||||
|
|
|
@ -8,9 +8,21 @@ import { FaMagnifyingGlass } from "react-icons/fa6";
|
|||
import { CiHeart } from "react-icons/ci";
|
||||
import { FaRegEye } from "react-icons/fa";
|
||||
import { CiShare2 } from "react-icons/ci";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
|
||||
function Pastel() {
|
||||
|
||||
const navigate = useNavigate();
|
||||
|
||||
const redirectPersonalizarPastelArcoiris = () => {
|
||||
// Redirige a la página del hotel cuando se hace clic en el botón
|
||||
navigate("/PersonalizarPastel/PastelArcoiris");
|
||||
};
|
||||
|
||||
const redirectInicio = () => {
|
||||
// Redirige a la página del hotel cuando se hace clic en el botón
|
||||
navigate("/");
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
|
@ -49,7 +61,7 @@ function Pastel() {
|
|||
<nav className="navbar container">
|
||||
<i className="fa-solid fa-bars"></i>
|
||||
<ul className="menu">
|
||||
<li><a href="#">Inicio</a></li>
|
||||
<li><a href="#" onClick={redirectInicio}>Inicio</a></li>
|
||||
<li><a href="#">Pasteles</a></li>
|
||||
<li><a href="#">Personalizar Pastel</a></li>
|
||||
<li><a href="#">Pedidos</a></li>
|
||||
|
|
Loading…
Reference in New Issue