// CONTACT — Form + practical info + footer
/**
* Iframe OSM avec un reload post-onLoad : OSM lit ses dimensions au boot et
* ne se redimensionne pas, mais une fois la première frame chargée le
* contentDocument a les bonnes tailles — le 2e load fait un rendu propre.
*/
const MapIframe = ({ src }) => {
const ref = React.useRef(null);
const reloadedRef = React.useRef(false);
const onLoad = () => {
if (reloadedRef.current) return;
reloadedRef.current = true;
setTimeout(() => {
const f = ref.current;
if (f) f.src = src;
}, 80);
};
return (
);
};
/**
* Carte OpenStreetMap pour le Gymnase Robert Pras.
* Workaround : l'embed OSM mesure son viewport au moment de l'init et ne se
* redimensionne pas après. On ne charge l'iframe que quand elle entre dans le
* viewport (et qu'elle a donc ses bonnes dimensions à l'init).
*/
const RejoindreMap = () => {
const rejoindre = window.useContent('rejoindre') || {};
const map = rejoindre.map || {};
const containerRef = React.useRef(null);
const [loaded, setLoaded] = React.useState(false);
React.useEffect(() => {
if (loaded) return;
const el = containerRef.current;
if (!el) return;
const io = new IntersectionObserver(
(entries) => {
if (entries.some((e) => e.isIntersecting)) {
setLoaded(true);
io.disconnect();
}
},
{ rootMargin: '200px' }
);
io.observe(el);
return () => io.disconnect();
}, [loaded]);
return (