feat(propuesta): pasarela paso a paso con autodetección de ubicación y FAB
- Campo universal de ubicación (Google Maps/Waze/OSM/coordenadas/dirección) sobre proveedores extensibles (src/utils/ubicacion) con resolver e inferencia inversa Nominatim (nombre/provincia pre-rellenados, alias cooficiales) - FAB flotante abajo a la derecha que abre la pasarela en un modal accesible (Escape, foco contenido, responsive); sin descripción ni puntuación; avisos de duplicado y filtro de palabras dentro del modal - Aviso PWA reposicionado: tarjeta abajo a la izquierda en móvil, botón compacto arriba a la izquierda en PC (no tapa el FAB) - Suite de pruebas: 88 unitarias/componente (vitest + RTL, offline) y 10 de integración (supertest + SQLite :memory: y Nominatim real opt-in) - CI: workflow de Gitea Actions con npm test + build en push/PR e integración manual
This commit is contained in:
@@ -0,0 +1,25 @@
|
||||
import { useEffect, useState } from "react";
|
||||
|
||||
// Detecta si el viewport es estrecho (móvil) consultando matchMedia, para
|
||||
// adaptar la presentación de la pasarela (panel a pantalla casi completa).
|
||||
export default function useEsMovil(query = "(max-width: 600px)") {
|
||||
const [esMovil, setEsMovil] = useState(
|
||||
() => typeof window !== "undefined" && window.matchMedia && window.matchMedia(query).matches,
|
||||
);
|
||||
|
||||
useEffect(() => {
|
||||
if (!window.matchMedia) return;
|
||||
const mq = window.matchMedia(query);
|
||||
const escuchar = (e) => setEsMovil(e.matches);
|
||||
setEsMovil(mq.matches);
|
||||
if (mq.addEventListener) {
|
||||
mq.addEventListener("change", escuchar);
|
||||
return () => mq.removeEventListener("change", escuchar);
|
||||
}
|
||||
// Safari antiguo
|
||||
mq.addListener(escuchar);
|
||||
return () => mq.removeListener(escuchar);
|
||||
}, [query]);
|
||||
|
||||
return esMovil;
|
||||
}
|
||||
Reference in New Issue
Block a user