Buenas! este es el código que hice junto al profe Leonardo.
const ModalZoom = () => { const { state, dispatch } = useContext(GlobalContext); return <> {state.fotoSeleccionada && <> <DialogEstilizado open={!!state.fotoSeleccionada} onClose={() => dispatch({ type: 'SET_FOTO_SELECCIONADA', payload: null })}>
</>
}
</>
} pero no me anda la X para cerrar el modal! y este es el código que agregue yo!
const ModalZoom = () => { const { state, dispatch } = useContext(GlobalContext);
const closeZoom = () => { dispatch({ type: "SET_FOTO_SELECCIONADA", payload: null }); }; return ( <>
{state.fotoSeleccionada && (
<>
<Overlay onClick={closeZoom} />
<DialogEstilizado>
<Imagen foto={state.fotoSeleccionada} expandida={true} />
<form method="dialog">
<BotonIcono onClick={closeZoom}>
<img src="/iconos/cerrar.png" alt="Ícono de cerrar" />
</BotonIcono>
</form>
</DialogEstilizado>
</>
)}
</>
); };
Aca si ya me anda para cerrar el Modal! mi duda es que si tengo que registrar el código del profe Leonardo si o si o con que ande ya sirve?
