JSFiddle - React, Tailwind, and code Playground

by EwertonRSilveira

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"></script>
<<h1>Deployments to process: <span id="count"></span></h1>

<h1>Keep</h1>
<pre id="output-keep"></pre>
<h1>Delete</h1>
<pre id="output-delete"></pre>

JavaScript

const releases = [
  {
    ProjectId: 'Project-1',
    EnvironmentId: 'Environment-1',
    ReleasesId: 'Release-1',
    DeploymentId: 'Deployment-2',
    DeployedAt: new Date(2020, 5, 21, 9),
  },
  {
    ProjectId: 'Project-1',
    EnvironmentId: 'Environment-1',
    ReleasesId: 'Release-1',
    DeploymentId: 'Deployment-0',
    DeployedAt: new Date(2020, 0, 2, 7),
  },
  {
    ProjectId: 'Project-1',
    EnvironmentId: 'Environment-1',
    ReleasesId: 'Release-1',
    DeploymentId: 'Deployment-3',
    DeployedAt: new Date(2020, 6, 29, 9),
  },
  {
    ProjectId: 'Project-1',
    EnvironmentId: 'Environment-1',
    ReleasesId: 'Release-1',
    DeploymentId: 'Deployment-1',
    DeployedAt: new Date(2020, 0, 16, 9),
  },
  {
    ProjectId: 'Project-1',
    EnvironmentId: 'Environment-2',
    ReleasesId: 'Release-1',
    DeploymentId: 'Deployment-4',
    DeployedAt: new Date(2020, 7, 30, 9),
  },
  {
    ProjectId: 'Project-2',
    EnvironmentId: 'Environment-3',
    ReleasesId: 'Release-3',
    DeploymentId: 'Deployment-11',
    DeployedAt: new Date(2020, 8, 21, 9),
  },
  {
    ProjectId: 'Project-3',
    EnvironmentId: 'Environment-1',
    ReleasesId: 'Release-5',
    DeploymentId: 'Deployment-5',
    DeployedAt: new Date(2020, 0, 15, 9),
  },
  {
    ProjectId: 'Project-3',
    EnvironmentId: 'Environment-1',
    ReleasesId: 'Release-2',
    DeploymentId: 'Deployment-6',
    DeployedAt: new Date(2020, 1, 2, 9),
  },
  {
    ProjectId: 'Project-4',
    EnvironmentId: 'Environment-1',
    ReleasesId: 'Release-10',
    DeploymentId: 'Deployment-10',
    DeployedAt: new Date(2020, 7, 14, 9),
  },
  {
    ProjectId: 'Project-3',
    EnvironmentId: 'Environment-2',
    ReleasesId: 'Release-7',
    DeploymentId: 'Deployment-7',
    DeployedAt: new Date(2020, 3, 2, 9),
  },
  {
    ProjectId: 'Project-3',
    EnvironmentId: 'Environment-1',
    ReleasesId: 'Release-8',
    DeploymentId: 'Deployment-8',
    DeployedAt: new Date(2020, 4, 30, 9),
  },
];

const releases2...