JSFiddle - React, Tailwind, and code Playground

by Rishabh Sharma

JavaScript

{
  "bookings": [{
    "advertiserId": "0010E00000INHykQAH",
    "advertiserName": "Advance Insurance Agencies Limited",
    "agencyId": "0010E00000INGsYQAX",
    "agencyName": "Agent Marketing Limited",
    "brandId": "a000E000004JNYQQA4",
    "brandName": "Advance Insurance",
    "contactEmail": "[email protected]",
    "contactId": "0030E00000IybokQAB",
    "contactName": "Alex Ryden",
    "deliveryInstructions": "",
    "discount": 0,
    "discountPercentage": 0,
    "expiryDate": 1533081600,
    "id": "KUASIO",
    "isDiscountApplied": false,
    "isTimeSensitive": false,
    "lineItems": [{
      "artWorkDate": 1532476800,
      "discount": 0,
      "discountPercentage": 0,
      "discounts": [],
      "formatType": "04",
      "frameCodes": [],
      "frames": [],
      "fromInchargeCycle": 20180730,
      "fromInchargeCycleEndDate": 1534032000,
      "fromInchargeCycleStartDate": 1532908800,
      "id": "2d221264-1676-4619-98ae-d62f5395dc8a",
      "isActive": true,
      "isDiscountApplied": false,
      "marketPrice": 308000,
      "marketUnitPrice": 7700,
      "noOfInchargeCycles": 1,
      "orderId": "KUASIO",
      "price": 308000,
      "quantity": 40,
      "referenceId": "KUASIO-2d221264-1676-4619-98ae-d62f5395dc8a",
      "siteListDate": 1532563200,
      "stations": [],
      "toInchargeCycle": 20180730,
      "toInchargeCycleEndDate": 1534032000,
      "toInchargeCycleStartDate": 1532908800,
      "type": "GD"
    }],
    "name": "GD test",
    "optionedDate": 1532476800,
    "orderedBy": "5b35bd64076f4400059d8dbe",
    "price": 308000,
    "salesForceOpportunityId": "",
    "salesRepCode": "",
    "specialistId": "0010E00000INIRHQA5",
    "specialistName": "Posterscope",
    "status": "dropped"
  }, {
    "advertiserId": "0010E00000INGt6QAH",
    "advertiserName": "Secure Law Limited",
    "agencyId": "0010E00000INGrTQAX",
    "agencyName": "Hurst Media Agency Limited",
    "brandId": "a000E000004JMK7QAO",
    "brandName": "Secure Law",
  ...