JSFiddle - React, Tailwind, and code Playground

by Dano007

JavaScript

Parse.initialize("79tphN5KrDXdjJnAmehgBHgOjgE2dLGTvEPR9pEJ", "9lblofQNZlypAtveU4i4IzEpaOqtBgMcmuU1AE6Y");

Parse.User.logIn("dave", "Williams", {
    success: function (user) {
        console.log("Logged in!");
    }
})

  var MyBadge = Parse.Object.extend("myBadges");
						  var Status = Parse.Object.extend("FriendRequest");
						  var currentUser = Parse.User.current();
               
						var currentFriendsQuery = new Parse.Query("FriendRequest");
                        currentFriendsQuery.equalTo("status", "Connected");		
                      
					    
						var myBadgeQuery = new Parse.Query("myBadges");
                      myBadgeQuery.include('SentTo');
                      myBadgeQuery.include('uploadedBy');
                  	myBadgeQuery.matchesKeyInQuery("SentTo", "toUser", currentFriendsQuery);
						
                        myBadgeQuery.find({
                            success: function (Badgeresults) {
                                var Badges = [];
                                for (var i = 0; i < Badgeresults.length; i++) {
                                    Badges.push({
                        imageURL: Badgeresults[i].get('Global_Badges_img'),
                        AwardedBy: Badgeresults[i].get('uploadedBy').get('username'),
                        AwardedTo: Badgeresults[i].get('SentTo').get('username'),
                        badgename: Badgeresults[i].get('BadgeName'),
                        category: Badgeresults[i].get('category'),
                        comment: Badgeresults[i].get('Comment'),
                                 
                                   
                                    });

                                }
                            
                     _.each(Badges, function (item) {
                    var wrapper = $('<div></div>');
                    wrapper.append('<img class="images responsive-image BadgeImgOutline" src="' + item.imageURL + '" />');
                   ...