JSFiddle - React, Tailwind, and code Playground

by Andrew Gerst

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"></script>

JavaScript

const settings = [
  {
    "updated_at": 1576073127485,
    "legacy_id": "US11779",
    "created_at": 1576073127485,
    "default": "1",
    "label": "show_amount_when_voided_violator_liable",
    "id": "6af9b5ea-372e-41ba-bc98-330a7329d812",
    "key": "show_amount_when_voided_violator_liable",
    "country_code": "PT",
    "type": "text"
  },
  {
    "updated_at": 1576073127097,
    "legacy_id": "US9423",
    "created_at": 1576073127097,
    "default": "0",
    "label": "mpwandroidappstoreurlenabled",
    "id": "1bd1d744-2b1a-4bd4-99fe-60f171f3b921",
    "key": "mpwandroidappstoreurlenabled",
    "country_code": "US",
    "type": "text"
  },
  {
    "updated_at": 1576072830714,
    "legacy_id": "US1810",
    "created_at": 1576072830714,
    "default": "down",
    "label": "roundingtype",
    "id": "3b7b9fff-1b83-4fdd-8170-2d2a588e7acc",
    "key": "roundingtype",
    "country_code": "US",
    "type": "text"
  },
  {
    "updated_at": 1576072830046,
    "legacy_id": "US57",
    "created_at": 1576072830046,
    "default": "0",
    "label": "transfer_to_call_center",
    "id": "a45768d7-93da-4418-b508-2fc37e8eda57",
    "key": "transfer_to_call_center",
    "country_code": "US",
    "type": "text"
  }
];

const operatorSettings = [
  {
    "created_at": 1574358640139,
    "id": "0e863f34-8a92-4734-961b-13815eb8a58b",
    "key": "final_payment_check",
    "legacy_id": "US13464",
    "operator_id": "efd02958-8cd4-479b-9d5e-4ac210bf826a",
    "updated_at": 1574358640139,
    "value": "1"
  },
  {
    "created_at": 1574358640138,
    "id": "0e863f34-8a92-4734-961b-13815eb8a58c",
    "key": "final_payment_check",
    "legacy_id": "US13464",
    "operator_id": "efd02958-8cd4-479b-9d5e-4ac210bf826a",
    "updated_at": 1574358640139,
    "value": "2"
  },
  {
    "created_at": 1574358640137,
    "id": "0e863f34-8a92-4734-961b-13815eb8a58d",
    "key": "final_payment_check",
    "legacy_id": "US13464",
    "operator_id": "efd02958-8cd4-479b-9d5e-4ac210bf826a",
   ...