JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//www.radiojar.com/wrappers/api-plugins/v1/radiojar-min.js"></script>
<link rel="stylesheet" href="//www.radiojar.com/wrappers/api-plugins/v1/css/current-show.css">
<div id="rjp-currentshow">
    <div class="element element-show-current" style="display: none;">
        <div class="wrapper">
             <h4 class="element-label"><i class="icon-microphone"></i> On air</h4>
            <div class="show">
                <div class="rjp-show-title-container">
                     <h4 class="rjp-show-title" id="show-title"></h4>
                     <h5 class="rjp-show-tagline" id="show-tagline"></h5>
                </div>
                <ul class="rjp-show-hosts" id="host-info"></ul>
            </div>
        </div>
    </div>
</div>

JavaScript

rjq('#rjp-currentshow').radiojar('currentShow', {
     streamname: "u0510s7hb",
 });
 rjq('#rjp-currentshow').off('rj-show-change-event');
 rjq('#rjp-currentshow').on('rj-show-change-event', function (event, data) {
     if (data) {
         rjq('.element-show-current').attr('style', 'display:block;background-image: url("http://www.radiojar.com/content/shows/' + data.key + '/cover/")');
         rjq('#show-title').html(data.title);
         rjq('#show-tagline').html(data.tagline);
         rjq('#host-info').empty();
         rjq('#host-info').append('<li class="host-label">with:</li>');
         for (x in data.host_profiles) {
             rjq('.host-label').after('<li class="rjp-show-host"><img class="rjp-show-host-thumb" src="http://www.radiojar.com/content/users/' + data.host_profiles[x].id + '/image/?resize=small"> ' + data.host_profiles[x].dj_info.nickname + ' </li>')
         }
     } else {
         rjq('.element-show-current').attr('style', 'display:none;')
     }
 });