Probleme dans l'utilisation du Header

[martinratinaud]

Bonjour à tous

j'ai ce message d'erreur

dsfr : HeaderLinks # -  header__tools-links content is different from header__menu-links content.As you're using a dynamic framework, you should handle duplication of this content yourself, please refer to documentation:https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/en-tete 

dans ce fichier (nous sommes en pleine migration vers react-dsfr

J'ai eu beau cherché dans la doc, je n'ai pas compris comment résoudre ce problème

Merci pour votre aide

[garronej]

Salut @martinratinaud,

Je crois que c'est un problème interne du DSFR, il faut que je regarde.
@revolunet @enguerranws on a déjà vu çe problème non? Qu'es que vous pensez qu'il faut faire?

[totakoko]

Le warning est côté DSFR, quand toolsHtmlDuplicateId != menuHtml.
Voici les valeurs pour notre cas :

// toolsHtmlDuplicateId = 
<ul class="fr-btns-group"><li><a id="fr-header-quick-access-item--Espacegestionnaire-0-mobile" class="fr-btn fr-icon-account-circle-line" href="/connexion">Espace gestionnaire</a></li></ul>
// menuHtml = 
<ul class="fr-btns-group"><li><a id="fr-header-quick-access-item--Espacegestionnaire_mobile-0" class="fr-btn fr-icon-account-circle-line" href="/connexion">Espace gestionnaire</a></li></ul>

Donc on a un suffixe d'id qui vaut -0-mobile et sinon _mobile-0, donc ça ne doit pas être grand chose à corriger j'imagine. 🕵️

[garronej]

Lovely! oui je devrais pouvoir corriger ça! Merci pour le rapport détailé.

[garronej]

Je m'occupe de ça

[garronej]

Fixed thanks for reporting!

[garronej]

Actually fixed now