JSFiddle - React, Tailwind, and code Playground

by Eric Hynds

JavaScript

var arr = [
    { id: 1,
      name: 'k',
      properties: [],
      duration: 992131,
      uploadDate: 1410805040598,
      thumbnail: 'http://placeimg.com/105/60/any?cb=1',
      status: { type: 'published', messages: [] } },
    { id: 2,
      name: 'J',
      properties: [],
      duration: 992131,
      uploadDate: 1413310640598,
      thumbnail: 'http://placeimg.com/105/60/any?cb=2',
      status: { type: 'processing', messages: [], percent: 60 } },
    { id: 3,
      name: 'C',
      properties: [],
      duration: 136627,
      uploadDate: 1412792240594,
      thumbnail: 'http://placeimg.com/105/60/any?cb=3',
      status: { type: 'published', messages: [] } },
    { id: 4,
      name: 'deal',
      properties: [],
      duration: 992131,
      uploadDate: 1412187440598,
      thumbnail: 'http://placeimg.com/105/60/any?cb=4',
      status: { type: 'processing', messages: [], percent: 100 } },
    { id: 5,
      name: 'dead',
      properties: [],
      duration: 3424,
      uploadDate: 1413397040594,
      thumbnail: 'http://placeimg.com/105/60/any?cb=5',
      status: { type: 'incomplete', messages: [] } },
    { id: 6,
      name: 'e',
      properties: [],
      duration: 3424,
      uploadDate: 1413310640598,
      thumbnail: 'http://placeimg.com/105/60/any?cb=6',
      status: { type: 'published', messages: [] } },
    { id: 7,
      name: 'F',
      properties: [],
      duration: 3424,
      uploadDate: 1413310640598,
      thumbnail: 'http://placeimg.com/105/60/any?cb=7',
      status: { type: 'published', messages: [] } },
    { id: 8,
      name: 'g',
      properties: [],
      duration: 10,
      uploadDate: 1413310640598,
      thumbnail: 'http://placeimg.com/105/60/any?cb=8',
      status: { type: 'processing', messages: [], percent: 20 } },
    { id: 9,
      name: 'h',
      properties: [],
      duration: 10,
      uploadDate: 1413397040594,
      thumbnail: 'http://placeimg.com/105/60/any?cb=9',
      status: { type: 'published',...