JSFiddle - React, Tailwind, and code Playground

by Jesse Johnson

JavaScript

{
  "1": {
    "state": {
      "on": false,
      "bri": 254,
      "hue": 14910,
      "sat": 144,
      "effect": "none",
      "xy": [
        0.4596,
        0.4105
      ],
      "ct": 369,
      "alert": "none",
      "colormode": "ct",
      "reachable": false
    },
    "type": "Extended color light",
    "name": "LR Lamp 2",
    "modelid": "LCT001",
    "manufacturername": "Philips",
    "uniqueid": "00:17:88:01:00:dd:a8:4e-0b",
    "swversion": "66013187",
    "pointsymbol": {
      "1": "none",
      "2": "none",
      "3": "none",
      "4": "none",
      "5": "none",
      "6": "none",
      "7": "none",
      "8": "none"
    }
  },
  "2": {
    "state": {
      "on": false,
      "bri": 254,
      "hue": 14910,
      "sat": 144,
      "effect": "none",
      "xy": [
        0.4596,
        0.4105
      ],
      "ct": 369,
      "alert": "none",
      "colormode": "ct",
      "reachable": false
    },
    "type": "Extended color light",
    "name": "LR Lamp 1",
    "modelid": "LCT001",
    "manufacturername": "Philips",
    "uniqueid": "00:17:88:01:00:dd:a8:62-0b",
    "swversion": "66013187",
    "pointsymbol": {
      "1": "none",
      "2": "none",
      "3": "none",
      "4": "none",
      "5": "none",
      "6": "none",
      "7": "none",
      "8": "none"
    }
  },
  "3": {
    "state": {
      "on": false,
      "bri": 179,
      "hue": 51261,
      "sat": 253,
      "effect": "none",
      "xy": [
        0.282,
        0.1047
      ],
      "ct": 153,
      "alert": "none",
      "colormode": "hs",
      "reachable": true
    },
    "type": "Extended color light",
    "name": "LR Desk",
    "modelid": "LCT001",
    "manufacturername": "Philips",
    "uniqueid": "00:17:88:01:00:dd:a9:6a-0b",
    "swversion": "66013187",
    "pointsymbol": {
      "1": "none",
      "2": "none",
      "3": "none",
      "4": "none",
      "5": "none",
      "6": "none",
      "7": "none",
      "8": "none"
    }
  },
  "4": {
    "state": {
      "on":...