Il pulsante Zendesk non si aggiorna correttamente al cambio argomento senza aggiornare la pagina

Supporto
1

Ciao, sto riscontrando un problema con il comportamento del pulsante “Visualizza su Zendesk” del plugin Zendesk. Quando un ticket esiste già in Zendesk, il pulsante viene visualizzato correttamente come “Visualizza su Zendesk”. Tuttavia, se navigo verso un argomento diverso che non ha un ticket Zendesk corrispondente, il pulsante mostra ancora inizialmente “Visualizza su Zendesk” invece di “Crea ticket Zendesk”. Solo dopo aver aggiornato la pagina, il pulsante si aggiorna per mostrare l’opzione corretta “Crea ticket Zendesk”.

L'immagine mostra uno screenshot di un sito web con una freccia rossa che punta al pulsante "Visualizza su Zendesk". (Didascalia dell'IA)
L'immagine mostra uno screenshot di un sito web con una freccia rossa che punta al pulsante "Visualizza su Zendesk". (Didascalia dell'IA)995×379 21.8 KB

Sembra che il componente del pulsante non venga re-renderizzato durante la navigazione verso un nuovo argomento. Credo che una soluzione potrebbe comportare l’attivazione di un re-render di questo componente ogni volta che si verifica un cambio di pagina.

Qualcuno potrebbe fornire indicazioni su come affrontare al meglio questo problema, o se esiste un modo per forzare il componente ad aggiornarsi correttamente durante la navigazione? Qualsiasi intuizione o suggerimento sarebbe apprezzato.

2

Ciao,

Spero tu stia bene! Volevo fare un follow-up e verificare se ci sono stati aggiornamenti riguardo a questo problema. I tuoi approfondimenti o indicazioni sarebbero molto apprezzati.

Grazie in anticipo!

3

Potrebbe essere perché non rileva il cambio di pagina. Ciò è probabilmente dovuto al modo in cui il framework frontend (probabilmente Ember.js, dato che Discourse lo utilizza) gestisce il rendering dei componenti durante la navigazione.

Puoi aggiungere un listener per i cambi di route, qualcosa di simile a questo:


export default Component.extend({
  router: service(),

  didInsertElement() {
    this._super(...arguments);

    this.router.on('routeDidChange', () => {
      this.refreshZendeskButton();
    });
  },

  willDestroyElement() {
    this._super(...arguments);

    this.router.off('routeDidChange', this.refreshZendeskButton);
  },
});
4

Potrebbe essere necessario modificarlo poiché utilizza setupComponent():

Il controllo se esiste un ticket zendesk valido utilizza zendesk_id. Forse necessita di un api.onPageChange()?