fix(zendesk): Fix broken integration

toggl · Oct 24, 2024 · c469d45 · c469d45
1 parent 9d28b50
commit c469d45
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/src/content/zendesk.js b/src/content/zendesk.js
@@ -73,25 +73,29 @@ setTimeout(() => {
       if (document.querySelector('.toggl-button')) {
         document.removeChild(elem.querySelector('.toggl-button'));
       }
-      elem.querySelector('[data-side-conversations-anchor-id="1"]').firstChild
-                                                                   .firstChild
-                                                                   .firstChild
-                                                                   .appendChild(link);
+      try {
+        elem.querySelector('[data-side-conversations-anchor-id="1"]').firstChild
+          .firstChild
+          .firstChild
+          .appendChild(link);
+      } catch (error) {
+        console.error('Toggl Button: Error in rendering', error);
+      }
     }
   );
 }, 1000);
 
 // Zendesk new UI Sept 2023
 setTimeout(() => {
   togglbutton.render(
-    '.ticket-panes-grid-layout.active',
+    '.ticket-panes-grid-layout[data-is-active="true"]',
     { observe: true },
     function (elem) {
-      const elements = document.querySelectorAll('.ticket-panes-grid-layout:not(.active) .toggl-button')
+      const elements = document.querySelectorAll('.ticket-panes-grid-layout:not([data-is-active="true"]) .toggl-button')
       if(elements.length > 0) {
         elements.forEach(element => element.remove())
       }
-      const activeButtonExists = document.querySelector('.ticket-panes-grid-layout.active .toggl-button')
+      const activeButtonExists = document.querySelector('.ticket-panes-grid-layout[data-is-active="true"] .toggl-button')
       if(activeButtonExists) return
 
       let description;