JSFiddle - React, Tailwind, and code Playground

by Yurii Predborskyi

JavaScript

obj.key ="<strong class='selectedColor'>" + issue.Key + " (" + issue.Type + ")</strong>";
	obj.assignee = "<strong>" + issue.Assignee + "</strong>";
	obj.status = "<strong style='color:" + colorMaps.statusColorMap[issue.Status] + "'>" + issue.Status + "</strong>";
	obj.hoursRemaining = (issue.HoursRemaining) ? ("<strong>" + issue.HoursRemaining + " hrs</strong>") : "<strong class='unhealthyColor'>Unestimated</strong>";
	obj.workstream = "<strong>" + issue.Workstream + "</strong>";
	obj.team = "<strong>" + issue.Team + "</strong>";
	obj.fixVersion = ((issue.FixVersion) ? ("<strong class='selectedColor'>" + issue.FixVersion + "</strong>") : "<strong class='unhealthyColor'>No Fix Version</strong>") ;
	obj.dueDate = "Due Date: <strong class=" + dueDateColor + ">" + ((issue.FixVersion || issue.Objectives.length>0) ? issueDueDate : "No Due Date") + " </strong>";
	obj.predictionDate = "Predicted: <strong class=" + dueDateColor + ">" + prediction.endDate + "</strong>";
	obj.priority = "<strong style=\"color:" + colorMaps.priorityColorMap[issue.Priority] + "\">" + issue.Priority + "</strong>"