Add Arrow to nested Dropdown Menu

addArrowIconToDropdown.js

/**
 * Find any element that has dropdown ul
 * and add "down arrow" to 1st level
 * and "right arrow" to 2nd level
 * 
 * @param {*} nodeList
 */
const addArrowIconToDropdown = (nodeList) => {
    const nodeListArray = Array.prototype.slice.call(nodeList)
    nodeListArray.length > 0 && nodeListArray.forEach(list => {
        if (list.querySelector('ul')) {
    
            if (list.querySelectorAll('ul').length > 1) {
                list.querySelector('a').insertAdjacentHTML('beforeend', '<span uk-icon="triangle-down"></span>')
            } else {
                list.querySelector('a').insertAdjacentHTML('beforeend', '<span uk-icon="triangle-right"></span>')
            }
        }
    })
}

export default addArrowIconToDropdown;