RZL: Add on/off button to kitchen light

config/rzl.js

@@ -522,6 +522,15 @@ const config : Config = {
       position: [325, 407],
       icon: "ceiling-light",
       ui: [
+        {
+          type: "toggle",
+          on: 50,
+          off: 0,
+          toggled: n => n > 0,
+          topic: "kitchen_light_brightness",
+          text: "Ein/Ausschalten",
+          icon: "power"
+        },
         {
           type: "slider",
           min: 0,

src/components/UiItemList/UiItem.js

@@ -122,7 +122,9 @@ export class Toggle extends UiControl<UIToggle> {
     if (this.isEnabled()) {
       const control = this.props.item;
       const toggled = this.isToggled();
-      const next = toggled ? (control.off || "off") : (control.on || "on");
+      const on = control.on == null ? "on" : control.on;
+      const off = control.off == null ? "off" : control.off;
+      const next = toggled ? off : on;
       this.changeState(next);
     }
   }