JSFiddle - React, Tailwind, and code Playground

by brennan

HTML

<script src="https://s3.amazonaws.com/soapbox_common/common_libraries/soapbox.js"></script>
<div id="output"></div>

JavaScript

$.ajaxSetup({
    cache: false,
    data: {API_KEY: 'i85jgdlg9b72b5iby18v7df21'}
});

SoapBox.client.apiUrl = 'http://dev.soapbox.co/';

loadIdea();

function loadIdea(){
    SoapBox.loadRibbon({
    },{
        success: function(html, idea){
        
            $('#output').fadeOut(300, function(){
                $('#output').html(html).fadeIn(300, function(){
                    SoapBox.variables.skippedIdeas += idea.message.message_id+'_';
                    setTimeout(function(){
                        LoadIdea();
                    }, 5000)
                })
            })
            
        
        },
        error: function(response){
        
        }
    });
}

SoapBox.templates.ribbonView = function(idea, options){
    return 'hello'
}