JSFiddle - React, Tailwind, and code Playground

by abuhamzah

HTML

<div class="slds-box slds-theme_shade slds-theme_alert-texture " data-aura-rendered-by="42:431;a"><span style="margin-left: 15px; float: right" data-aura-rendered-by="43:431;a"></span><span id="spanId" data-aura-rendered-by="52:431;a"><div dir="ltr" data-aura-rendered-by="55:431;a" class="uiOutputRichText" data-aura-class="uiOutputRichText"><p data-aura-rendered-by="56:431;a"><b>&nbsp;foundName = false&nbsp;&nbsp;&nbsp;</b></p><p data-aura-rendered-by="56:431;a"><b>&nbsp;&nbsp;found = false&nbsp;&nbsp;&nbsp;</b></p><p data-aura-rendered-by="56:431;a"><b>&nbsp;&nbsp;unless result.first.nil?&nbsp;&nbsp;&nbsp;</b></p><p data-aura-rendered-by="56:431;a"><b>&nbsp;&nbsp;for r in result.fields&nbsp;&nbsp;&nbsp;</b></p><p data-aura-rendered-by="56:431;a"><b>&nbsp;&nbsp;if <a rel="noopener" target="_blank" href="http://r.name">r.name</a> if r.name.downcase.eql('volunteer_organization_status__c')&nbsp;&nbsp;&nbsp;</b></p><p data-aura-rendered-by="56:431;a"><b>&nbsp;&nbsp;for r2 in r.picklistValues&nbsp;&nbsp;&nbsp;</b></p><p data-aura-rendered-by="56:431;a"><b>&nbsp;&nbsp;if r2.label.downcase.eql?('pending approval')&nbsp;&nbsp;&nbsp;</b></p><p data-aura-rendered-by="56:431;a"><b>&nbsp;&nbsp;found = true if r2.defaultValue == true&nbsp;&nbsp;&nbsp;</b></p><p data-aura-rendered-by="56:431;a"><b>&nbsp;&nbsp;end&nbsp;&nbsp;&nbsp;</b></p><p data-aura-rendered-by="56:431;a"><b>&nbsp;&nbsp;end&nbsp;&nbsp;&nbsp;</b></p><p data-aura-rendered-by="56:431;a"><b>&nbsp;&nbsp;end&nbsp;&nbsp;&nbsp;</b></p><p data-aura-rendered-by="56:431;a"><b>&nbsp;&nbsp;end&nbsp;&nbsp;&nbsp;</b></p><p data-aura-rendered-by="56:431;a"><b>&nbsp;&nbsp;end&nbsp;&nbsp;&nbsp;&nbsp;</b></p><p data-aura-rendered-by="56:431;a"><b>&nbsp;&nbsp;found</b></p></div></span><input class="buttonClass" type="button" value="Copy" data-clipboard-target="#spanId" data-aura-rendered-by="57:431;a"></div>