Feature #71
closedCarte interactive : la popup d'offre verrouille le zoom sur le pin + nettoyer l'UI du bandeau de saturation
0%
Bug + polish UI sur la vue carte interactive (suite de #17). Deux items, une seule PR frontend. Surface : composants carte MapLibre dans GetYourJob/src/ (offers map). Brancher sur origin/dev (la carte n'est pas encore sur master).
Description
Remontée depuis preprod sur la vue carte interactive des offres (fonctionnalité #17).
## 1) Bug — la popup verrouille la caméra sur le pin
**Constat :** quand on clique sur un pin, la popup de détail de l'offre s'affiche (OK). Mais si on dézoome (ou qu'on déplace la carte) alors que la popup est ouverte, la carte **re-zoome/re-centre automatiquement sur le pin**, ce qui empêche l'utilisateur de dézoomer ou de naviguer.
**Comportement attendu :**
- Clic sur un pin → la popup de détail s'affiche (inchangé).
- Dès que l'utilisateur **dézoome / zoome / déplace** la carte (geste utilisateur), la popup se **ferme** et l'utilisateur est **libre** de naviguer ; plus aucun recentrage/zoom automatique sur le pin sélectionné.
- En clair : supprimer le `flyTo`/`easeTo`/recentrage déclenché par la sélection qui se rejoue sur interaction, et fermer la popup sur `zoom`/`movestart` d'origine utilisateur (distinguer le mouvement programmatique du geste utilisateur pour ne pas fermer la popup au moment même de l'ouverture).
## 2) Polish UI — bandeau de saturation
Le bandeau actuel est chargé/peu lisible :
> « 10944 offres dans cette zone · 1000 affichées max » + bouton « Réinitialiser » + « Beaucoup d'offres dans cette zone — les 1000 plus récentes sont affichées. Zoomez ou affinez les filtres pour tout voir. »
**Attendu :** redesign plus propre et compact (hiérarchie claire, pas de redondance entre le compteur et le message ; le « 1000 affichées max » et l'explication ne doivent pas se répéter). Garder l'info essentielle (nombre d'offres dans la zone, plafond d'affichage, comment voir plus) mais dans une UI épurée cohérente avec la charte (atomic design, Tailwind). Le bouton « Réinitialiser » reste accessible.
## Critères d'acceptation
- [ ] Avec une popup ouverte, dézoomer/déplacer la carte ferme la popup et n'entraîne AUCUN recentrage/zoom automatique sur le pin.
- [ ] L'ouverture de la popup (clic pin) fonctionne toujours et n'est pas fermée par son propre mouvement d'ouverture.
- [ ] Le bandeau de saturation est redessiné, épuré, sans redondance, conforme à la charte ; bouton Réinitialiser conservé.
- [ ] Aucune régression sur le chargement par viewport / le bouton « Rafraîchir dans cette zone » / la liste latérale.
Files
