errorPopup.html

<div error-index="ERRORINDEXHERE" id="error-popup"> 

    <div error-index="ERRORINDEXHERE" id="speakeasy-error-items">
        <div id="speakeasy-error-sentences">
            <div error-index="ERRORINDEXHERE" class="sentence-label" id="top-sentence-label">Original Sentence:</div>
            <div error-index="ERRORINDEXHERE" class="original-sentence">ORIGNALSENTENCEHERE</div>
            <div error-index="ERRORINDEXHERE" class="sentence-label">Rephrased Sentence:</div>
            <div error-index="ERRORINDEXHERE" class="rephrased-sentence">REPHRASEDSENTENCEHERE</div>
        </div>
        <button error-index="ERRORINDEXHERE" id="rephrase-btn" class="error-popup-button">Rephrase Again</button>
        <div class="accept-ignore-btns">
            <button error-index="ERRORINDEXHERE" id="accept-btn" class="error-popup-button">Accept</button>
            <button error-index="ERRORINDEXHERE" id="ignore-btn" class="error-popup-button">Ignore</button>
        </div>
    </div>

    <div error-index="ERRORINDEXHERE" id="speakeasy-error-loading" class="hidden">
        <div id="speakeasy-error-loading-text">Generating a new sentence...</div>
        <div class="speakeasy-loading-spinner"></div>
    </div>
<!-- 
    <div error-index="ERRORINDEXHERE" id="speakeasy-no-sentence-view" class="hidden"> 
        <h6 error-index="ERRORINDEXHERE" class="sentence-label" id="no-sentence-anymore">Woah!</h6>
        <p error-index="ERRORINDEXHERE" id="sentence-not-there-text">SpeakEasy tried to apply the changes to this sentence but it is no longer present in your writing to be rephrased!</p>
        <button error-index="ERRORINDEXHERE" id="rephrase-everything-btn" class="error-popup-button">Rephrase Again</button>
    </div> -->

    <!-- <div error-index="ERRORINDEXHERE" id="speakeasy-replace-loading" class="hidden">
        <div id="speakeasy-error-loading-text">Accepting the changes...</div>
        <div class="speakeasy-loading-spinner"></div>
    </div> -->

</div>