[FEATURE] Améliorer la modale d'une campagne de type moteur de recommandation (PIX-22963)

[er-lim]

🪧 Problème

Lors de la review de la PR #16325, nous avons lister des retours à traiter.

🌈 Proposition

Les faire.

✊ Remarques

• Une librairie @formatjs/intl-durationformat a été ajouté pour gérer le polyfill de l'API durationFormat.
• L'affichage de la durée dans la modale a été mise à jour. On a maintenant la même chose des 2 côtés.
• Le PixAccordions a bien été mis à jour pour avoir le nouveau design ✨

🎉 Pour tester

• Se connecter avec le compte dave-comp@example.net
• Passer la campagne avec le code EDUMULTIP pour arriver sur la page de résultat.
• Vérifier qu'il n'y a pas de régressions sur les durées des CFs affichées.
• Cliquer sur une carte de CF
• Constater que le composant PixAccordions a bien le nouveau design et que la durée s'affiche bien 🚀

Test du polyfill

• Utiliser lambdatest avec une version de firefox < 136 (ex: 130)
• Refaire les tests plus haut pour vérifier que la durée s'affiche bien sur la carte et dans la modale.
• Constater que le polyfill fonctionne bien 🎉

[pix-bot-github]

Choisir les applications à déployer :

• API | 👩‍💻 Dashboard Scalingo
• App (.fr) – App (.org) | 👩‍💻 Dashboard Scalingo
• Orga (.fr) – Orga (.org) | 👩‍💻 Dashboard Scalingo
• Certif (.fr) – Certif (.org) | 👩‍💻 Dashboard Scalingo
• Junior | 👩‍💻 Dashboard Scalingo
• Admin | 👩‍💻 Dashboard Scalingo
• API MaDDo | 👩‍💻 Dashboard Scalingo
• Audit Logger | 👩‍💻 Dashboard Scalingo

Important

N'oubliez pas de déployer l'API pour pouvoir accéder aux fronts et/ou à l’API MaDDo.

[matthiasferraina]

Est ce que c'est normal de ne pas avoir la duration ici ?

[er-lim]

Est ce que c'est normal de ne pas avoir la duration ici ?

Nn, je n'ai pas fait l'update ici. Je m'en occupe :)
Merci pour ton retour !

[jujumathieu]

Testé pour toutes les config de durée (j/h/m, j/h, h/m, j, rien, etc.), ça a l'air nickel.
Pour le bouton de like/dislike, quand on a cliqué sur un avis et qu'on est en focus sur l'autre on a le même affichage. Il faudrait que l'icône soit vide et entourée, comme sur ce bout de maquette.

Ok pour l'accordéon même si la ligne de l'accordéon non déroulé au dessus déborde un peu au hover de l'accordéon du dessous.

[AndreiaPena]

[er-lim]

Testé pour toutes les config de durée (j/h/m, j/h, h/m, j, rien, etc.), ça a l'air nickel. Pour le bouton de like/dislike, quand on a cliqué sur un avis et qu'on est en focus sur l'autre on a le même affichage. Il faudrait que l'icône soit vide et entourée, comme sur ce bout de maquette.

@jujumathieu D'accord avec toi, il faudrait que l'état focus soit représenté différemment de l'état déjà sélectionné 👍
Comme on avait déjà surchargé le composant pour rendre cela accessible sur cette page, c'est un casse-tête pour gérer les différents états 😅

[dianeCdrPix]

Pour le bouton de like/dislike, quand on a cliqué sur un avis et qu'on est en focus sur l'autre on a le même affichage

@jujumathieu , on a fait les modifs pour que le focus soit différent sur les icon-buttons, quand ils ne sont pas selected :)