Estoy creando un correo electrónico - gmail como Aplicación de una sola página, estoy tratando de agregar un botón Archivar y Desarchivar, el botón de archivo funciona cuando el correo se mueve al buzón de Archivo, sin embargo, si hago clic en el botón para desarchivar el correo de el buzón de archivo, no puedo porque simplemente se volverá a cargar.
'Al ver un correo electrónico de la bandeja de entrada, al usuario se le debe presentar un botón que le permita archivar el correo electrónico. Al ver un correo electrónico de archivo, al usuario se le debe presentar un botón que le permita desarchivar el correo electrónico. Este requisito no se aplica a los correos electrónicos en el buzón Enviados.'
Esto es lo que he intentado pero sigue siendo el mismo resultado.
// only show this archive icon in inbox and archive if (mailbox != 'sent') { // add the archive button let archiveBtn = document.createElement("archiveDiv"); archiveBtn.innerHTML = `<div onclick="archiveEmail(${email.id})"><i class="fa fa-archive" aria-hidden="true"></i></div>` // archiveBtn.onclick = () => { // addArchive(id) // } buttonsDiv.appendChild(archiveBtn); } function archiveEmail(id, mailbox) { if (mailbox == 'archive' && email.archived == true) { fetch(`/emails/${id}`, { method: 'PUT', body: JSON.stringify({ archived: false }) }) } else { fetch(`/emails/${id}`, { method: 'PUT', body: JSON.stringify({ archived: true }) }) } console.log("Email Unarchived"); // reload the inbox load_mailbox('inbox'); } Also, tried this: if (mailbox != 'sent') { // add the archive button let archiveBtn = document.createElement("archiveDiv"); if (mailbox == 'archive' && email.archived == true) { archiveBtn.innerHTML = `<div onclick="Unarchived(${email.id})"><i class="fa fa-archive" aria-hidden="true"></i></div>` } else { archiveBtn.innerHTML = `<div onclick="archiveEmail(${email.id})"><i class="fa fa-archive" aria-hidden="true"></i></div>` } // archiveBtn.onclick = () => { // addArchive(id) // } buttonsDiv.appendChild(archiveBtn); } function archiveEmail(id) { fetch(`/emails/${id}`, { method: 'PUT', body: JSON.stringify({ archived: true }) }) } function Unarchived(id) { fetch(`/emails/${id}`, { method: 'PUT', body: JSON.stringify({ archived: false }) }) }