tela pisca ao deletar item

Oi, Nasser! Tudo bem?

Para resolver o problema da tela piscando ao deletar um item, você pode atualizar a forma como o item é removido da tela. Em vez de recarregar toda a lista, remova apenas o elemento HTML correspondente ao item deletado.

Veja este exemplo:

const botaoExcluir = document.createElement("button");
botaoExcluir.classList.add("botao-excluir");
botaoExcluir.onclick = async (event) => {
  try {
    await api.excluirPensamento(pensamento.id);
    // Encontra o elemento pai do botão (o card do pensamento) e o remove
    const cardParaRemover = event.target.closest('.pensamento'); // Assumindo que o card tem a classe 'pensamento'
    if (cardParaRemover) {
      cardParaRemover.remove();
    }
  } catch (error) {
    alert("Erro ao excluir pensamento");
  }
}

Neste código:

• event.target se refere ao elemento que foi clicado (o ícone de exclusão).
• closest('.pensamento') encontra o elemento pai mais próximo com a classe pensamento (o card do pensamento).
• remove() remove este elemento do DOM.

Ajuste o seletor .pensamento para corresponder à estrutura do seu HTML.

Espero ter ajudado. Conte com o apoio do Fórum na sua jornada. Fico à disposição.

Abraços e bons estudos!