discord-downloadapps-icon.js

// This is the download app icon
function findDownloadAppsIconWrapper(stopElement) {
	let downloadAppsSVG = document.querySelector(
		'[data-list-item-id="guildsnav___app-download-button"]'
	);

	while (
		downloadAppsSVG !== null &&
		downloadAppsSVG.parentElement !== null &&
		downloadAppsSVG.parentElement !== stopElement
	) {
		if (
			downloadAppsSVG.parentElement.nodeName === 'DIV' &&
			downloadAppsSVG.parentElement.className.includes('listItem-')
		) {
			return downloadAppsSVG.parentElement;
		}
		downloadAppsSVG = downloadAppsSVG.parentElement;
	}
}

// This is the small line above download apps.
function findGuildSepeartor(startElement) {
	let parentOfGuildSeperator = null;
	for (let i = 0; i < startElement.children.length; i++) {
		const child = startElement.children[i];

		if (child.className.includes('scroller-')) {
			parentOfGuildSeperator = child;
			break;
		}
	}

	if (parentOfGuildSeperator) {
		for (let i = parentOfGuildSeperator.children.length - 1; i > 0; i--) {
			const child = parentOfGuildSeperator.children[i];
			if (
				child &&
				child.firstChild &&
				child.firstChild.className.includes('guildSeparator-')
			) {
				return child;
			}
		}
	}
	return undefined;
}

let foundDownloadIconRemoved = false;
let foundGuildSeperatorRemoved = false;
function tryRemoveAppIcon() {
	setTimeout(function () {
		// Getting the top element in the SideBar and using that as a stopper for the loops.
		// This will make sure that if we cant find the data, then it wont run forever.
		let sideBar = document.querySelector('[data-list-id="guildsnav"]');
		if (sideBar) {
			const foundDownloadIcon = findDownloadAppsIconWrapper(sideBar);
			const foundGuildSeperator = findGuildSepeartor(sideBar);

			if (foundDownloadIcon) {
				foundDownloadIcon.style.display = 'none';
				foundDownloadIconRemoved = true;
			}

			if (foundGuildSeperator) {
				foundGuildSeperator.style.display = 'none';
				foundGuildSeperatorRemoved = true;
			}
		}

		if (!foundDownloadIconRemoved || !foundGuildSeperatorRemoved) {
			tryRemoveAppIcon();
		}
	}, 250);
}

tryRemoveAppIcon();

document.addEventListener('click', (e) => {
	// when the user clicks log out then start searching again!
	if (e.target) {
		// check if its the button that is clicked or if its the div inside the button
		const clicked =
			e.target.nodeName === 'BUTTON' ? e.target : e.target.parentElement;

		if (
			clicked &&
			clicked.nodeName === 'BUTTON' &&
			clicked.getAttribute('type') === 'submit' &&
			/^.*?\bbutton-\b.*?\blookFilled-\b.*?colorRed-\b.*?sizeMedium-\b.*?grow-\b.*?$/.test(
				clicked.className
			)
		) {
			foundDownloadIconRemoved = false;
			foundGuildSeperatorRemoved = false;
			tryRemoveAppIcon();
		}
	}
});