JSFiddle - React, Tailwind, and code Playground
JavaScript
//Streamer List Module
(function(){
var streamerList = ["esl_sc2", "ogamingsc2","drdisrepectlive", "iam_chappie", "godazed", "brax", "sacriel", "break"];
var list = [];
function getData(){
for(var i=0; i<streamerList.length; i++){
$.getJSON('https://wind-bow.glitch.me/twitch-api/streams/'+ streamerList[i], function(data) {
if(data['stream'] !== null){
if(data['stream']['stream_type'] === 'live'){
list.push({
link:data['stream']['channel']['url'],
imgLink:data['stream']['channel']['logo'],
name:data['stream']['channel']['display_name'],
status:"lime"
});
}
}else{
var name = data['_links']['self'].split('/');
name = name[name.length-1];
$.getJSON('https://wind-bow.glitch.me/twitch-api/channels/'+ name, function(data2) {
list.push({
link:data2['url'],
imgLink:data2['logo'],
name:data2['display_name'],
status:"red"
});
});
}
});
}
console.log(list);
}
getData();
})();