# Rendre les menus homogène **URL:** \ **Category:** Développement\ **Created:** [Décembre 3, 2023, 4:34 UTC](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581 "2023-12-03T16:34:00Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![Tlse-vins](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/tlse-vins/32/6054_2.png) [@Tlse-vins](https://community.gladysassistant.com/u/Tlse-vins)\ **Post date:** [Décembre 3, 2023, 4:34 UTC](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/1 "2023-12-03T16:34:00Z")
J’ai remarqué dans les intégrations que les menus n’étaient pas tous identiques il manque même sur certaine intégration le lien vers la documentation. – Intégration Tuya : `Documentation Tuya` au lieu de Tuya documentation – Integration TP-Link Manque le lien pour la documentation `Documentation TP-Link` – Xiaomi Home Manque le lien pour la documentation `Documentation Xiaomi` – Telegrame Il y a un lien dans le texte mais pas de bouton `Documentation Telegram` –Philips Hue Manque le lien pour la documentation `Documentation Philips Hue` PR rédigé – Owntracks Il y a un lien dans le texte mais pas de bouton `Documentation Owntracks` – Nextcloud Nextcloud talk Manque le lien pour la documentation `Documentation Nextcloud talk` – MQTT Manque le lien pour la documentation `Documentation MQTT` – Melcloud Manque le lien pour la documentation `Documentation Melcloud` – LAN Manager Manque le lien pour la documentation `Documentation LAN Manager` – Google Home Il y a un lien dans le texte mais pas de bouton `Documentation Google Home` – eWelink Manque le lien pour la documentation `Documentation eWelink` – Enedis Manque le lien pour la documentation `Documentation Enedis` – Caméra Manque le lien pour la documentation `Documentation Caméra` – CalDAV Manque le lien pour la documentation `Documentation CalDAV` – Broadlink Manque le lien pour la documentation `Documentation Broadlink` – Bluetooth Manque le lien pour la documentation `Documentation Bluetooth` – Apple HomeKit Manque le lien pour la documentation `Documentation Apple homeKit` – OpenWeather Manque le lien pour la documentation `Documentation OpenWeather` – Amazon Alexa Il y a un lien dans le texte mais pas de bouton `Documentation Amazon Alexa` ---
**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\ **Post date:** [Décembre 4, 2023, 6:01 UTC](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/2 "2023-12-04T18:01:56Z")
Pourquoi pas 🙂 Toute PR est la bienvenue pour changer ça ! ---
**Author:** ![Tlse-vins](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/tlse-vins/32/6054_2.png) [@Tlse-vins](https://community.gladysassistant.com/u/Tlse-vins)\ **Post date:** [Décembre 4, 2023, 6:18 UTC](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/3 "2023-12-04T18:18:15Z")
Je m’occupe des documentations sur le site, est ce quelqu’un peut s’en occuper ? Je ne me suis pas pencher sur les PR pour Gladys pour le moment. Je ne sais pas exactement où rajouter les modifications. @Terdious tu pourrais me guider si jamais ? Mais pas de suite, d’abord les documentations. ---
**Author:** ![Brisou](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/brisou/32/14134_2.png) [@Brisou](https://community.gladysassistant.com/u/Brisou)\ **Post date:** [Décembre 4, 2023, 6:25 UTC](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/4 "2023-12-04T18:25:16Z")
Hello @Tlse-vins, Je veux bien regarder et ensuite te dire comment j’ai fait quand tu auras plus de temps. ---
**Author:** ![Tlse-vins](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/tlse-vins/32/6054_2.png) [@Tlse-vins](https://community.gladysassistant.com/u/Tlse-vins)\ **Post date:** [Décembre 4, 2023, 6:32 UTC](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/5 "2023-12-04T18:32:38Z")
Ok super ! ---
**Author:** ![Brisou](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/brisou/32/14134_2.png) [@Brisou](https://community.gladysassistant.com/u/Brisou)\ **Post date:** [Décembre 6, 2023, 10:24 UTC](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/6 "2023-12-06T10:24:47Z")
Hello, Ci-dessous quelques captures : ![2023 12 06_HOMEKIT](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/5/5d45f0ab9fd87deb4f82d12a2b6760d08aedb865.png) ![2023 12 06_MQTT](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/6/6ad207c7d5ac24ff33163dcd599218322b796ab9.png) ![2023 12 06_TUYA](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/0/0a2eeca24cdd542fd8fcbbdf09665f8170283212.png) @Tlse-vins Est-ce que cela correspond à ce que tu avais en tête ? J’ai essayé d’unifier le rendu. Pour les intégrations `NextCloud`, `MELCloud`, `LAN Manager`, `eWiLink` et `ChatGPT`, il n’y a pas de documentation sur le site, veux-tu quand même un lien ? Dans l’intégration `Caméra`, il existe déjà un bouton Documentation, veux-tu aussi le remplacer ? J’ai aussi remarqué que parfois les icônes étaient incohérentes (pour l’onglet appareils ou configuration), avons-nous une « charte graphique » quelque part ? @pierre-gilles Autrement, j’ai un petit souci avec les pages Alexa et Google Home, si jamais quelqu’un peut m’aider ? ---
**Author:** ![Tlse-vins](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/tlse-vins/32/6054_2.png) [@Tlse-vins](https://community.gladysassistant.com/u/Tlse-vins)\ **Post date:** [Décembre 6, 2023, 12:31 UTC](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/7 "2023-12-06T12:31:27Z")
`eWiLink` c’est l’intégration Sonoff `LAN Manager` il faut que je la fasse `NextCloud` il faut que je regarde `MELCloud`il faut que je regarde `ChatGPT`, il n’y a rien à configurer Pour les icones, je suis d’accord, je n’avais pas vue. Celui de Tuya est pas mal à mon avis. ---
**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\ **Post date:** [Décembre 6, 2023, 5:08 UTC](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/8 "2023-12-06T17:08:53Z")
> [@Brisou](#): > > @pierre-gilles > Autrement, j’ai un petit souci avec les pages Alexa et Google Home, si jamais quelqu’un peut m’aider ? Oui ? 🙂 Pas besoin de demander la permission aha, demande juste 😉 ---
**Author:** ![Brisou](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/brisou/32/14134_2.png) [@Brisou](https://community.gladysassistant.com/u/Brisou)\ **Post date:** [Décembre 6, 2023, 6:07 UTC](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/9 "2023-12-06T18:07:50Z")
Je n’arrive pas à faire remonter la variable `user` (ou bien une `prop`) dans la page _welcome.jsx_ pour Alexa ou bien Google Home afin de pouvoir faire apparaitre le lien de la doc. ---
**Author:** ![Tlse-vins](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/tlse-vins/32/6054_2.png) [@Tlse-vins](https://community.gladysassistant.com/u/Tlse-vins)\ **Post date:** [Décembre 6, 2023, 9:03 UTC](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/10 "2023-12-06T21:03:11Z")
`MELCloud` c’est @lokkye, qui l’a créé. @lokkye, est ce que que tu peux faire la documentation ? `NextCloud` c’est @bertrandda, idem, est ce que tu peux faire la documentation ? ` LAN Manager` c’est @alextrovato, idem, est ce que tu peux faire la documentation ? ---
**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\ **Post date:** [Décembre 7, 2023, 8:27 UTC](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/11 "2023-12-07T08:27:07Z")
> [@Brisou](#): > > Je n’arrive pas à faire remonter la variable `user` (ou bien une `prop`) dans la page _welcome.jsx_ pour Alexa ou bien Google Home afin de pouvoir faire apparaitre le lien de la doc. Est-ce que tu as mis un connect autour de ton component pour injecter le user ? Exemple: > ---
**Author:** ![Brisou](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/brisou/32/14134_2.png) [@Brisou](https://community.gladysassistant.com/u/Brisou)\ **Post date:** [Décembre 7, 2023, 10:09 UTC](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/12 "2023-12-07T10:09:47Z")
J’ai bien user dans le connect. > export default connect(‹ user,session ›, {})(GoogleHomeGateway); Ce que j’ai essayé : - Vérifier si user est bien dans le connect. - Insérer les imports qu’il faut. - Essayer de passer {…props} et user={props.user}. - Créer un \. - Créer un \< GoogleWelcomePage user={props.user} /\>. Je continue à chercher 🤓 EDIT : je n’y avais pas pensé, mais ton idée de mettre un connect dans le component fonctionne !!! je ne savais pas qu’on pouvait le mettre directement dans le component et non pas que dans index.js 🙃 Merci beaucoup ! ---
**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\ **Post date:** [Décembre 7, 2023, 12:27 UTC](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/13 "2023-12-07T12:27:09Z")
> [@Brisou](#): > > EDIT : je n’y avais pas pensé, mais ton idée de mettre un connect dans le component fonctionne !!! > je ne savais pas qu’on pouvait le mettre directement dans le component et non pas que dans index.js 🙃 Sinon, il suffit de passer le user en props depuis le index.js 🙂 > [@Brisou](#): > > Créer un \< GoogleWelcomePage user={props.user} /\>. Exactement comme ça, ça ne marchait pas? ---
**Author:** ![Brisou](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/brisou/32/14134_2.png) [@Brisou](https://community.gladysassistant.com/u/Brisou)\ **Post date:** [Décembre 7, 2023, 1:12 UTC](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/14 "2023-12-07T13:12:33Z")
> [@pierre-gilles](#): > > Sinon, il suffit de passer le user en props depuis le index.js 🙂 J’ai essayé de plusieurs façons, mais ça ne fonctionnait pas. > [@pierre-gilles](#): > > Exactement comme ça, ça ne marchait pas? Non plus… ---
**Author:** ![Brisou](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/brisou/32/14134_2.png) [@Brisou](https://community.gladysassistant.com/u/Brisou)\ **Post date:** [Décembre 8, 2023, 8:09 UTC](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/15 "2023-12-08T08:09:56Z")
PR envoyé, voici le lien : > > > \### Pull Request check-list > > To ensure your Pull Request can be accepted as fa…st as possible, make sure to review and check all of these items: > > \- \[\] If your changes affects code, did your write the tests? > \- \[x\] Are tests passing? (\`npm test\` on both front/server) > \- \[x\] Is the linter passing? (\`npm run eslint\` on both front/server) > \- \[x\] Did you run prettier? (\`npm run prettier\` on both front/server) > \- \[x\] If you are adding a new features/services, did you run integration comparator? (\`npm run compare-translations\` on front) > \- \[\] Did you test this pull request in real life? With real devices? If this development is a big feature or a new service, we recommend that you provide a Docker image to the community (\[french forum\](https://community.gladysassistant.com/)/\[english forum\](https://en-community.gladysassistant.com/)) for testing before merging. > \- \[\] If your changes modify the API (REST or Node.js), did you modify the API documentation? (Documentation is based on comments in code) > \- \[\] If you are adding a new features/services which needs explanation, did you modify the user documentation? See \[the GitHub repo\](https://github.com/GladysAssistant/v4-website) and the \[website\](https://gladysassistant.com). > \- \[\] Did you add fake requests data for the demo mode (\`front/src/config/demo.js\`) so that the demo website is working without a backend? (if needed) See \[https://demo.gladysassistant.com\](https://demo.gladysassistant.com). > > NOTE: these things are not required to open a PR and can be done afterwards / while the PR is open. > > \### Description of change > > Following the request \[https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/1\](url): > > \- Add documentation link on each integration pages. > \- Change icons and style for consistency > \- Update \`src/components/documentation/DeviceConfigurationLink.jsx\` to be able to chose the path of the documentation > > Before: > \2023 12 07\_PR\_BEFORE > > After: > \2023 12 07\_PR\_AFTER ---
**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\ **Post date:** [Décembre 8, 2023, 9:02 UTC](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/16 "2023-12-08T09:02:04Z")
Merci pour la PR @Brisou, c’est très chouette et ça marche super bien 🙂 Je t’ai fais quelques retours sur la PR : > > > \### Pull Request check-list > > To ensure your Pull Request can be accepted as fa…st as possible, make sure to review and check all of these items: > > \- \[\] If your changes affects code, did your write the tests? > \- \[x\] Are tests passing? (\`npm test\` on both front/server) > \- \[x\] Is the linter passing? (\`npm run eslint\` on both front/server) > \- \[x\] Did you run prettier? (\`npm run prettier\` on both front/server) > \- \[x\] If you are adding a new features/services, did you run integration comparator? (\`npm run compare-translations\` on front) > \- \[\] Did you test this pull request in real life? With real devices? If this development is a big feature or a new service, we recommend that you provide a Docker image to the community (\[french forum\](https://community.gladysassistant.com/)/\[english forum\](https://en-community.gladysassistant.com/)) for testing before merging. > \- \[\] If your changes modify the API (REST or Node.js), did you modify the API documentation? (Documentation is based on comments in code) > \- \[\] If you are adding a new features/services which needs explanation, did you modify the user documentation? See \[the GitHub repo\](https://github.com/GladysAssistant/v4-website) and the \[website\](https://gladysassistant.com). > \- \[\] Did you add fake requests data for the demo mode (\`front/src/config/demo.js\`) so that the demo website is working without a backend? (if needed) See \[https://demo.gladysassistant.com\](https://demo.gladysassistant.com). > > NOTE: these things are not required to open a PR and can be done afterwards / while the PR is open. > > \### Description of change > > Following the request \[https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/1\](url): > > \- Add documentation link on each integration pages. > \- Change icons and style for consistency > \- Update \`src/components/documentation/DeviceConfigurationLink.jsx\` to be able to chose the path of the documentation > > Before: > \2023 12 07\_PR\_BEFORE > > After: > \2023 12 07\_PR\_AFTER (Rien de très sérieux) ---
**Author:** ![Brisou](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/brisou/32/14134_2.png) [@Brisou](https://community.gladysassistant.com/u/Brisou)\ **Post date:** [Décembre 8, 2023, 9:09 UTC](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/17 "2023-12-08T09:09:21Z")
@pierre-gilles je check, merci ---
**Author:** ![Brisou](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/brisou/32/14134_2.png) [@Brisou](https://community.gladysassistant.com/u/Brisou)\ **Post date:** [Décembre 8, 2023, 10:31 UTC](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/18 "2023-12-08T10:31:27Z")
@pierre-gilles j’ai modifié le code ![2023 12 08_PR_FIX](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/4/4e510d1b8dfbed79cbdc1737dae574c3e1552422.png) ---
**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\ **Post date:** [Décembre 8, 2023, 10:33 UTC](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/19 "2023-12-08T10:33:13Z")
> [@Brisou](#): > > j’ai modifié le code Merci ! Il faut que tu retire les fichiers modifiés par la PR pas lié à la PR (cypress, package.json, etc…) ---
**Author:** ![Brisou](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/brisou/32/14134_2.png) [@Brisou](https://community.gladysassistant.com/u/Brisou)\ **Post date:** [Décembre 8, 2023, 10:34 UTC](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581/20 "2023-12-08T10:34:42Z")
Je veux bien mais comment faire ? [Page suivante](https://community.gladysassistant.com/t/rendre-les-menus-homogene/8581.md?page=2)