docs(philips-hue): Add documentation link to website

Fixes GladysAssistant#1959
cicoub13 · Nov 30, 2023 · 6a012e0 · 6a012e0
1 parent cfbb25b
commit 6a012e0
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 2 deletions.
diff --git a/front/src/config/i18n/en.json b/front/src/config/i18n/en.json
@@ -446,6 +446,7 @@
       "description": "Control Philips Hue Lights and plugs with the official hub",
       "deviceTab": "Devices",
       "setupTab": "Setup Bridges",
+      "documentation": "Documentation",
       "setup": {
         "connectedBridgesTitle": "Connected bridges",
         "disconnectButton": "Disconnect",

diff --git a/front/src/config/i18n/fr.json b/front/src/config/i18n/fr.json
@@ -572,6 +572,7 @@
       "description": "Contrôler les lumières Philips Hue.",
       "deviceTab": "Appareils",
       "setupTab": "Configuration des Ponts",
+      "documentation": "Documentation",
       "setup": {
         "connectedBridgesTitle": "Ponts connectés",
         "disconnectButton": "Déconnexion",

diff --git a/front/src/routes/integration/all/philips-hue/PhilipsHuePage.jsx b/front/src/routes/integration/all/philips-hue/PhilipsHuePage.jsx
@@ -1,7 +1,8 @@
 import { Text } from 'preact-i18n';
 import { Link } from 'preact-router/match';
+import DeviceConfigurationLink from '../../../../components/documentation/DeviceConfigurationLink';
 
-const PhilipsHuePage = ({ children }) => (
+const PhilipsHuePage = ({ children, user }) => (
   <div class="page">
     <div class="page-main">
       <div class="my-3 my-md-5">
@@ -34,6 +35,17 @@ const PhilipsHuePage = ({ children }) => (
                     </span>
                     <Text id="integration.philipsHue.setupTab" />
                   </Link>
+
+                  <DeviceConfigurationLink
+                    user={user}
+                    documentKey="philips-hue"
+                    linkClass="list-group-item list-group-item-action d-flex align-items-center"
+                  >
+                    <span class="icon mr-3">
+                      <i class="fe fe-book-open" />
+                    </span>
+                    <Text id="integration.philipsHue.documentation" />
+                  </DeviceConfigurationLink>
                 </div>
               </div>
             </div>

diff --git a/front/src/routes/integration/all/philips-hue/device-page/index.js b/front/src/routes/integration/all/philips-hue/device-page/index.js
@@ -15,7 +15,7 @@ class PhilipsHueDevicePage extends Component {
 
   render(props, {}) {
     return (
-      <PhilipsHuePage>
+      <PhilipsHuePage user={props.user}>
         {props.philipsHueDevices && props.philipsHueDevices.length ? <DevicePage {...props} /> : <div />}
         <FoundDevices {...props} />
       </PhilipsHuePage>