// This script makes it very fast to drag and drop files into the Slack Emoji Admin page
var isModalOpen = () => Boolean(document.querySelector('.ReactModal__Content--after-open'))

function openModal() {
  var addBtn = document.querySelector('[data-qa="customize_emoji_add_button"]')
  // modal closed, open it again
  if (addBtn) addBtn.click()
}

var $timer = setInterval(() => {
  if (isModalOpen()) {
    var visibleForm = document.querySelector('.p-add_custom_emoji_dialog__form')
    if (visibleForm) {
      // clearInterval($timer)
      var fileName = document.querySelector('.p-add_custom_emoji_dialog__filename')?.innerHTML;
      if (fileName) {
        // auto save!
        var saveModalButton = document.querySelector('[data-qa="customize_emoji_add_dialog_go"]')
        saveModalButton.click()
        // auto open, fast
        setTimeout(openModal, 120)
      }
    }
  } else {
    openModal()
  }
}, 100);