const notifications_div = document.querySelector('.notifications')

if (notifications_div) {
  // Creates the MutationObserver and triggers the callback
  const mutationObserver = new MutationObserver(() => {

    // Checks to see if the style is set to 'block'
    if (notifications_div.style.display == 'block') {
      // Set the dismiss button to a variable each time since the previous will no longer exist.
      let dismiss_button = document.querySelector("a[data-turbo-method='delete']")
      // Click the dismiss button; Timeout is needed to avoid race condition errors.
      setTimeout(() => { dismiss_button.click(); }, 3000);
      // Hide the notifications_div again since it never truly goes away; Timeout is needed to avoid race condition errors.
      setTimeout(() => { notifications_div.style.display = 'none'; }, 3000);
    }

  })
  // Starts the observation of the notifications_div and checks for a change on 'style'
  mutationObserver.observe(notifications_div, {
    attributes: true,
    attributeOldValue: true,
    attributeFilter: ['style']
  })
}