JSFiddle - React, Tailwind, and code Playground

by amindunited

JavaScript

const instanceGroupHierarchy = [
    {
        "id": 91,
        "name": "Tier 2",
        "parentId": 90,
        "canManage": true,
        "groupType": {
            "id": 8,
            "name": "Agency"
        },
        "instance": {
            "id": 6805,
            "name": "NSW Agency Group"
        },
        "enrichments": {
            "parents": [
                {
                    "id": 89,
                    "name": "Tier 0",
                    "canManage": true,
                    "groupType": {
                        "id": 6,
                        "name": "NSW-GSM"
                    },
                    "instance": {
                        "id": 6803,
                        "name": "NSW Managerial Web Test"
                    }
                },
                {
                    "id": 90,
                    "name": "Tier 1",
                    "parentId": 89,
                    "canManage": true,
                    "groupType": {
                        "id": 7,
                        "name": "Cluster"
                    },
                    "instance": {
                        "id": 6804,
                        "name": "NSW Cluster Group"
                    }
                },
                {
                    "id": 91,
                    "name": "Tier 2",
                    "parentId": 90,
                    "canManage": true,
                    "groupType": {
                        "id": 8,
                        "name": "Agency"
                    },
                    "instance": {
                        "id": 6805,
                        "name": "NSW Agency Group"
                    }
                }
            ],
            "pathString": "Tier 0 > Tier 1 > Tier 2"
        }
    },
    {
        "id": 94,
        "name": "Colonel Clusters First Agency",
        "parentId": 93,
        "canManage": true,
        "groupType": {
            "id": 8,
            "name": "Agency"
        },
  ...