JSFiddle - React, Tailwind, and code Playground

by Brandon DSouza

JavaScript

$(function () {

    var components = [{
        id: 1,
        parent: 0,
        code: "A",
        description: "component A"
	    }, 
        {
        id: 2,
        parent: 0,
        code: "B",
        description: "component B"
	    }, {
        id: 3,
        parent: 1,
        code: '.1',
        description: 'sub component A.1'
	    }, {
        id: 4,
        parent: 1,
        code: '.2',
        description: 'sub component A.2'
	    }, {
        id: 5,
        parent: 2,
        code: '.1',
        description: 'sub component B.1'
	    }, {
        id: 6,
        parent: 2,
        code: '.2',
        description: 'sub component B.2'
	    }, {
        id: 7,
        parent: 5,
        code: '..1',
        description: 'sub sub component B.1..1'
	    }, {
        id: 8,
        parent: 5,
        code: '..2',
        description: 'sub sub component B.1..2'
	    }, {
        id: 9,
        parent: 6,
        code: '..1',
        description: 'sub sub component B.2..1'
	    }, {
        id: 10,
        parent: 5,
        code: '..3',
        description: 'sub sub component B.1..3'
	    }];



    var defects = [{
        id: 1,
        parent: 0,
        code: "A",
        description: "defect A"
	    }, {
        id: 2,
        parent: 0,
        code: "B",
        description: "defect B"
	    }, {
        id: 3,
        parent: 1,
        code: '.1',
        description: 'sub defect A.1'
	    }, {
        id: 4,
        parent: 1,
        code: '.2',
        description: 'sub defect A.2'
	    }, {
        id: 5,
        parent: 2,
        code: '.1',
        description: 'sub defect B.1'
	    }, {
        id: 6,
        parent: 2,
        code: '.2',
        description: 'sub defect B.2'
	    }, {
        id: 7,
        parent: 5,
        code: '..1',
        description: 'sub sub defect B.1..1'
	    }, {
        id: 8,
        parent: 5,
        code: '..2',
        description: 'sub sub defect B.1..2'
	    }, {
        id: 9,
        parent: 6,
   ...