JSFiddle - React, Tailwind, and code Playground

by Alex

JavaScript

const data = {
  "ids": [
    "DE-987-121931",
    "DE-987-121930",
    "DE-987-121929"
  ],
  "docs": [{
      "type": "certificate",
      "name": "Klimaneutrales Unternehmen 2021",
      "customer": {
        "name": "Kirsch Verpackungssysteme Handels- und Vertriebsgesellschaft mbH",
        "id": "DE-077-121929"
      },
      "emissions": "89191",
      "tracking": "DE-987-121931",
      "cop": {
        "index": 8,
        "id": "cop_408-Deutschland-Kinnaur",
        "name": {
          "de": "Deutschland plus + Hydropowerprojekt Kinnaurr"
        },
        "standard": "VCS"
      },
      "custom": {
        "kind": "naturebalance",
        "property1": "",
        "property2": "",
        "property3": ""
      },
      "date_booked": 1613504366,
      "status": "closed",
      "last_update": 1613504366,
      "date_created": 1613504366
    },
    {
      "type": "certificate",
      "name": "Klimaneutrales Unternehmen 2020",
      "customer": {
        "name": "Kirsch Verpackungssysteme Handels- und Vertriebsgesellschaft mbH",
        "id": "DE-077-121929"
      },
      "emissions": "90050",
      "tracking": "DE-987-121930",
      "cop": {
        "index": 8,
        "id": "cop_408-Deutschland-Kinnaur",
        "name": {
          "de": "Deutschland plus + Hydropowerprojekt Kinnaurr"
        },
        "standard": "VCS"
      },
      "custom": {
        "kind": "naturebalance",
        "property1": "",
        "property2": "",
        "property3": ""
      },
      "date_booked": 1582141340,
      "status": "closed",
      "last_update": 1582141340,
      "date_created": 1582141340
    },
    {
      "type": "certificate",
      "name": "Klimaneutrales Unternehmen 2019",
      "customer": {
        "name": "\t Kirsch Verpackungssysteme Handels- und Vertriebsegesellschaft mbH",
        "id": "DE-077-121929"
      },
      "emissions": "90050",
      "tracking": "DE-987-121929",
      "cop": {
        "index": 30,
        "id":...