JSFiddle - React, Tailwind, and code Playground

by amindunited

HTML

<tr class="tbodyTr" role="row"><td class="td" role="cell"><button aria-label="Unflagged" class="button transparent medium flagButton"><svg class="icon unflagged" height="1em" viewBox="0 0 16 16" width="1em"><g fill="none" stroke-linecap="round" stroke-width="2"><polyline points="2.5 1.5 13.5 1.5 11.5 5.5 13.5 9.5 2.5 9.5" /><line x1="2.5" x2="2.5" y1="0.5" y2="15.5" /></g></svg></button></td><td class="td" role="cell"><a class="link primary" href="/procurement/9999/package/10000">Test Package</a></td><td class="td" role="cell"><div class="timelinePopover"><span class="tag magic--200"><svg class="icon icon" height="12" viewBox="0 0 32 32" width="12"><g fill="none" stroke-miterlimit="10" stroke-width="3"><path d="M23.8313 15.7466L29.334 26.6666L24.0006 25.3333L21.334 29.3333L16.9673 19.9506" /><path d="M8.16966 15.7466L2.66699 26.6666L8.00033 25.3333L10.667 29.3333L15.0337 19.9506" /><path d="M16.0003 20C21.155 20 25.3337 15.8214 25.3337 10.6667C25.3337 5.51205 21.155 1.33337 16.0003 1.33337C10.8457 1.33337 6.66699 5.51205 6.66699 10.6667C6.66699 15.8214 10.8457 20 16.0003 20Z" stroke-linecap="square" /><path d="M15.9997 13.3334C17.4724 13.3334 18.6663 12.1395 18.6663 10.6667C18.6663 9.19397 17.4724 8.00006 15.9997 8.00006C14.5269 8.00006 13.333 9.19397 13.333 10.6667C13.333 12.1395 14.5269 13.3334 15.9997 13.3334Z" stroke-linecap="square" /></g></svg>Awarded</span><button class="link primary awardedCompanyName" role="link" /></div></td><td class="td" role="cell"><div class="coveragePopover"><div class="coverageStatus" /></div></td><td class="td" role="cell"><div class="cellTopAlign"><div><div class="screenReaderOnly" role="none"><label class="label" for="send_invites_by_date_10000">Send Invites By date</label></div><div class="react-datepicker-wrapper"><div class="react-datepicker__input-container"><input autocomplete="off" class="datePickerInput editableDate" id="send_invites_by_date_10000" placeholder="Select a date" type="text" value=""...

JavaScript

id: 0,
    companyName: 'Letting Schedule Awarded To Rfq Company Name',
    contact: {
      company: {
        id: 1,
        name: 'Contact Company Name',
      }
    }