Fix/ssr-navigator

[JordaneNS]

Détails de la PR :

Lors du pull de la branche develop, 2 bugs sont apparus :

• une erreur "navigator is not defined" apparaissait lors du premier rendu d'une page. Pour éviter cette erreur j'ai ajouté dans les affichages conditionnels typeof navigator !== "undefined"
• une erreur de SSR est apparue sur la page de la randonnée (id: 501). L'erreur nous dit qu'il est impossible de serializer une valeur qui est undefined. Et effectivement sur cette rando il apparaît que le signage["703"].imageUrl renvoyé par l'api est undefined :
  

L'erreur n'est pas présente sur la démo mais je pense qu'il est quand même important de la régler.
Pour se faire, je suis passée par la méthode SanitizeState déjà utilisée sur la page search.tsx afin d'éviter l'erreur de serialization.

Screenshots

• Erreur du navigator
  

• Erreur SSR trek/[detailsId]
  

[dtrucs]

Hello,
Bien vu pour l'erreur SSR de signage! 👍
Cela dit tu n'aurai pas dû t'embêter avec ça et ouvrir un ticket. En ayant implémenté cette partie, donc ce bug, j'aurai pris la responsabilité du fix.

Je pense que ton fix est peut-être un peu overkill, et ça contourne le prefetching de React-query.

Remplacer cette ligne
https://github.com/GeotrekCE/Geotrek-rando-v3/blob/main/frontend/src/modules/signage/adapter.ts#L9
par
imageUrl: rawSignage.attachments?.find(({ type }) => type === 'image')?.thumbnail ?? null,
(+ répercuter la modification sur le typage s/undefined/null) pour cette prop devrait faire le taf.

Je propose de retirer ton commit et tu me dis si tu (ou je) fais le fix ci-dessus.

Pour le reste de la PR, parfait 👍

[JordaneNS]

Hello @dtrucs !
Merci pour ton retour !
Je me suis occupée du fix : j'ai bien pris en compte les modifications et les erreurs sur le typage :)

[JordaneNS]

@dtrucs ok it's done