JSFiddle - React, Tailwind, and code Playground

by HemalathaThanigaivel

JavaScript

let data = {
    "success": true,
    "data": [
        {
            "id": 482,
            "meterId": 9644,
            "macId": "54:10:ec:a8:28:af",
            "uId": "54:10:ec:a8:28:af:00:01",
            "name": "LABYRINTH 1",
            "phaseType": 3,
            "singlePhaseType": null,
            "friendlyName": "LABYRINTH 1",
            "sampleRate": 60,
            "isMainIncomer": false,
            "details": {},
            "parentId": 498,
            "meter": {},
            "singlePhaseParent": null,
            "singlePhaseId": null,
            "isFakeCircuit": false,
            "feedStartDate": "2019-05-29",
            "updatedAt": 1653993362000,
            "createdAt": 1566479624000,
            "manufacturer": 1,
            "type": "POWER",
            "clampType": "CIRCUIT",
            "site": {
                "id": 127,
                "customerId": 37,
                "code": "s001",
                "name": "Northumberland Estates",
                "address1": "Denwick Lane, Alnwick",
                "address2": "",
                "city": "Alnwick",
                "county": {
                    "id": 13,
                    "name": "Tyne and Wear"
                },
                "country": {
                    "id": 21,
                    "name": "U.K.",
                    "iso": "UK"
                },
                "postcode": "NE66 1YU",
                "friendlyName": "Northumberland Estates",
                "latitudeLongitude": "55.41294389999999,-1.6968201",
                "squareFeet": null,
                "counts": {
                    "metersCount": null,
                    "archivedMetersCount": null
                },
                "schematicUrl": null,
                "isArchive": false,
                "updatedAt": "2021-08-16T06:33:28.000+00:00",
                "createdAt": "2019-06-03T16:42:13.000+00:00",
                "isUserGenerated": false
            },
            "customer": {},
       ...