From e267d1d2e64b5da1fd625ffaf6e8fe8f98509506 Mon Sep 17 00:00:00 2001 From: J0SEF4 Date: Thu, 24 Oct 2024 13:43:22 -0300 Subject: [PATCH] navbar y poner bonito y otras cosas --- .env | 6 +- src/components/Navbar.jsx | 79 ++++++++++++--------- src/pages/servicios.jsx | 3 +- src/pages/users/favoritos.jsx | 5 +- src/pages/users/perfil.jsx | 51 +++++++++----- src/pages/users/publicar.jsx | 2 + src/pages/users/zcentros.jsx | 4 +- src/pages/users/zeventos.jsx | 2 +- src/pages/users/zgastronomia.jsx | 2 +- src/pages/users/zhospedaje.jsx | 4 +- src/pages/users/zservicios.jsx | 2 +- src/pages/users/zturismo.jsx | 4 +- src/styles/helloworld.css | 3 +- src/styles/mapa.css | 3 + src/styles/navbar.css | 76 +++++++++++++------- src/styles/newmapa.css | 7 +- src/styles/servicios.css | 62 ++++++++++++---- src/styles/users/favoritos.css | 9 ++- src/styles/users/inicio.css | 3 + src/styles/users/perfil.css | 109 +++++++++++++++++++++++------ src/styles/users/publicaciones.css | 21 +++++- src/styles/users/publicar.css | 16 +++++ src/styles/users/zcentros.css | 21 ++++++ src/styles/users/zeventos.css | 20 ++++++ src/styles/users/zgastronomia.css | 20 ++++++ src/styles/users/zhospedaje.css | 20 ++++++ src/styles/users/zservicios.css | 20 ++++++ src/styles/users/zturismo.css | 21 ++++++ 28 files changed, 465 insertions(+), 130 deletions(-) diff --git a/.env b/.env index 87690f7..34d3ac0 100644 --- a/.env +++ b/.env @@ -13,6 +13,6 @@ # NEXT_PUBLIC_LOGIN_REDIRECT_URL=http://localhost:3000/post/CreateProperty # NEXT_PUBLIC_LOGOUT_REDIRECT_URL=http://localhost:3000 -VITE_AUTH0_AUDIENCE=https://geomapp-auth0.com -VITE_AUTH0_DOMAIN=dev-cry4u1cfzw5tvn48.us.auth0.com -VITE_AUTH0_CLIENT_ID=emBP1HbVJ1ltKKluxpiVA0wye8USrA4Z \ No newline at end of file +VITE_AUTH0_AUDIENCE=https://geomap/ +VITE_AUTH0_DOMAIN=dev-7w1no2zl1opt24if.us.auth0.com +VITE_AUTH0_CLIENT_ID=QrElcRF9AI2H6dRBwCChbc04JvtKygJo diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx index baddce8..3ab15a8 100644 --- a/src/components/Navbar.jsx +++ b/src/components/Navbar.jsx @@ -1,58 +1,71 @@ -import React from 'react'; +navbar.jsx +import React, { useState } from 'react'; import { useAuth0 } from '@auth0/auth0-react'; import '../styles/navbar.css'; // Asegúrate de que la ruta del CSS es correcta -import '../styles/footer.css'; import { Link } from 'react-router-dom'; import logo from '../assets/logoo.png'; import whatsapp from '../assets/whatsapp.png'; +import { FaBars } from 'react-icons/fa'; // Importar el icono de hamburguesa function NavBar() { - const { loginWithRedirect, logout, isAuthenticated } = useAuth0(); + const { loginWithRedirect, isAuthenticated } = useAuth0(); + const [menuOpen, setMenuOpen] = useState(false); // Estado para manejar el menú + + const toggleMenu = () => { + setMenuOpen(!menuOpen); // Alternar estado del menú + }; return (
-
+ + Logo +
- - - Inicio - Mapa - - {/* Publicar */} Servicios A mi alrededor + {isAuthenticated && ( - Mi Perfil - )} - {isAuthenticated && ( - Mis Publicaciones + <> + Mi Perfil + Mis Publicaciones + Mis Favoritos + Enviar notificaciones a usuarios + )} - {isAuthenticated && ( - Mis Favoritos + + {!isAuthenticated && ( + Iniciar sesión )} +
+ {/* Icono de hamburguesa */} +
+
alert('Connecting to WhatsApp')}> + WhatsApp +
+ {menuOpen && ( // Mostrar el menú si está abierto +
+ Inicio + Mapa + Servicios + A mi alrededor + {isAuthenticated && ( - Enviar notificaciones a usuarios + <> + Mi Perfil + Mis Publicaciones + Mis Favoritos + Enviar notificaciones a usuarios + )} - - {!isAuthenticated ? ( - Iniciar sesión - ) : ( - logout({ returnTo: window.location.origin })}>Cerrar sesión + + {!isAuthenticated && ( + { loginWithRedirect(); toggleMenu(); }}>Iniciar sesión )} -
- -
-
alert('Connecting to WhatsApp')}> - - -
+ )} ); -} - -export default NavBar; - +} \ No newline at end of file diff --git a/src/pages/servicios.jsx b/src/pages/servicios.jsx index 34aaf15..40f8377 100644 --- a/src/pages/servicios.jsx +++ b/src/pages/servicios.jsx @@ -53,7 +53,6 @@ const Servicios = () => {

{serviceInfo[selectedService]}

)} -
@@ -63,4 +62,4 @@ const Servicios = () => { ); }; -export default Servicios; \ No newline at end of file +export default Servicios; diff --git a/src/pages/users/favoritos.jsx b/src/pages/users/favoritos.jsx index 78ea9d7..821cdc7 100644 --- a/src/pages/users/favoritos.jsx +++ b/src/pages/users/favoritos.jsx @@ -47,9 +47,12 @@ function Favoritos() { }; return ( +
-

Mis Favoritos

+
+

Mis Favoritos

+
{favoritos.map((favorito) => (
diff --git a/src/pages/users/perfil.jsx b/src/pages/users/perfil.jsx index 0dbfde4..23af1f2 100644 --- a/src/pages/users/perfil.jsx +++ b/src/pages/users/perfil.jsx @@ -2,37 +2,56 @@ import React from 'react'; import { useAuth0 } from '@auth0/auth0-react'; import Navbar from '../../components/Navbar'; import Footer from '../../components/Footer'; -import '../../styles/users/perfil.css'; // Verifica que la ruta al CSS sea correcta +import '../../styles/users/perfil.css'; const Perfil = () => { - const { user, isAuthenticated, isLoading } = useAuth0(); + const { user, isAuthenticated, isLoading, logout } = useAuth0(); if (isLoading) { - return
Cargando...
; + return
Cargando...
; } return ( isAuthenticated ? (
-
-

Mi Perfil

- {user.name} -

{user.name}

-

Correo: {user.email}

-

Dirección: Calle Sin Salida 987, Santiago, Chile

-

Publicaciones activas: 3

-

Publicaciones por vencer: 1

-

Publicaciones vencidas: 1

- +
+
+

Mi Perfil

+ +
+
+ {user.name} +

{user.name}

+

{user.email}

+

Dirección: Calle Sin Salida 987, Santiago, Chile

+
+
+

Publicaciones activas

+ 3 +
+
+

Publicaciones por vencer

+ 1 +
+
+

Publicaciones Vencidas

+ 1 +
+
+
-
) : (
No está autenticado
) ); -} +}; -export default Perfil; \ No newline at end of file +export default Perfil; diff --git a/src/pages/users/publicar.jsx b/src/pages/users/publicar.jsx index 84ecc18..9874c1c 100644 --- a/src/pages/users/publicar.jsx +++ b/src/pages/users/publicar.jsx @@ -61,6 +61,7 @@ function Publicar() { switch (stepIndex) { case 0: return ( + Tipo de Publicación