JSFiddle - React, Tailwind, and code Playground

by cstigler

JavaScript

var oldElements = [{
  "id": "5097ec5fbd1f4679f2000000",
  "clip": "50910286bd1f466e05000000",
  "owner": "4fbb31e3009c71836ba791c2",
  "elementType": "TextScreen",
  "span": "Range",
  "space": "MainBox",
  "deleted": false,
  "inTime": 112.44197944925827,
  "outTime": 112.69197944925827,
  "duration": 5,
  "shouldPause": false,
  "timing": "playForTime",
  "text": "cocaine boyzzzz",
  "displayType": "Text Slide",
  "displayDuration": "5.0",
  "active": false,
  "isPoint": true,
  "_forceShown": false,
  "_playOnRemove": false
}, {
  "id": "5097eddbbd1f4625e6000000",
  "clip": "50910286bd1f466e05000000",
  "owner": "4fbb31e3009c71836ba791c2",
  "elementType": "MultipleChoice",
  "span": "Range",
  "space": "MainBox",
  "deleted": false,
  "inTime": 70.01108601177003,
  "outTime": 70.26108601177003,
  "duration": 0,
  "shouldPause": true,
  "prompt": "multichoicezk",
  "choicesEditable": [{
    "content": "ok"
  }, {
    "content": "whateverm"
  }],
  "choices": ["ok", "whateverm"],
  "displayType": "Multiple Choice",
  "displayDuration": "0.0",
  "active": false,
  "isPoint": true,
  "_forceShown": false,
  "_playOnRemove": false
}, {
  "id": "5097f0eabd1f463e67000000",
  "clip": "50910286bd1f466e05000000",
  "owner": "4fbb31e3009c71836ba791c2",
  "elementType": "ImageScreen",
  "span": "Range",
  "space": "MainBox",
  "deleted": false,
  "inTime": 151.13053286555,
  "outTime": 151.38053286555,
  "duration": 5,
  "shouldPause": false,
  "timing": "playForTime",
  "cloudinaryId": "5097f0eabd1f463e67000000-imagescreen",
  "imageURL": "http://res.cloudinary.com/zaption/image/upload/5097f0eabd1f463e67000000-imagescreen.jpg",
  "uploadInProgress": false,
  "displayType": "Image Slide",
  "displayDuration": "5.0",
  "active": true,
  "isPoint": true,
  "_forceShown": true,
  "_playOnRemove": false
}, {
  "id": "5097f43abd1f465ead000001",
  "clip": "50910286bd1f466e05000000",
  "owner": "4fbb31e3009c71836ba791c2",
  "elementType": "TextResponse",
  "span": "Range",
 ...