Minor enhancements

### UPDATED - Title on Sensors Tab for each configured sensor (Settings UI) - Tested on Homebridge v2.0.0-beta.20
mrjackyliang · Sep 13, 2024 · ec16a06 · ec16a06
1 parent b84f8b9
commit ec16a06
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 16 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "homebridge-adt-pulse",
   "displayName": "Homebridge ADT Pulse",
-  "version": "3.4.1",
+  "version": "3.4.2",
   "description": "Homebridge security system platform for ADT Pulse",
   "main": "./build/index.js",
   "exports": "./build/index.js",
@@ -62,7 +62,7 @@
   ],
   "homepage": "https://github.com/mrjackyliang/homebridge-adt-pulse",
   "engines": {
-    "homebridge": "~1.8.0",
+    "homebridge": "~1.8.0 || ~2.0.0-beta.20",
     "node": ">=20"
   },
   "dependencies": {

diff --git a/src/config-ui/vite/src/pages/settings-sensors.tsx b/src/config-ui/vite/src/pages/settings-sensors.tsx
@@ -94,20 +94,36 @@ export default function SettingsSensors(props: SettingsSensorsProps) {
                   aria-controls={`collapse-${sensor.id}`}
                 >
                   <div className="d-flex justify-content-between" style={styles.sensorHeader}>
-                    {
-                      (getSensorHeader(index).name !== null) ? (
-                        <span>
-                          {getSensorHeader(index).name}
-                        </span>
-                      ) : null
-                    }
-                    {
-                      (getSensorHeader(index).adtName !== null) ? (
-                        <span className="text-secondary fst-italic">
-                          {getSensorHeader(index).adtName}
-                        </span>
-                      ) : null
-                    }
+                    <div className="container-fluid">
+                      <div className="row">
+                        {
+                          (getSensorHeader(index).name !== null && getSensorHeader(index).adtName !== null) ? (
+                            <>
+                              <div className="col-6 text-break">
+                                {getSensorHeader(index).name}
+                              </div>
+                              <div className="col-6 text-secondary text-end text-break fst-italic">
+                                {getSensorHeader(index).adtName}
+                              </div>
+                            </>
+                          ) : null
+                        }
+                        {
+                          (getSensorHeader(index).name !== null && getSensorHeader(index).adtName === null) ? (
+                            <div className="col-6 text-break">
+                              {getSensorHeader(index).name}
+                            </div>
+                          ) : null
+                        }
+                        {
+                          (getSensorHeader(index).name === null && getSensorHeader(index).adtName !== null) ? (
+                            <div className="col-6 text-break">
+                              {getSensorHeader(index).adtName}
+                            </div>
+                          ) : null
+                        }
+                      </div>
+                    </div>
                   </div>
                 </button>
               </div>