import { __ID__ } from "../consts.mjs";

/*
Repositions the dev settings menu entry to the bottom of the settings list to
prevent it from being as attention-grabbing compared to being at the top of the
list.
*/
Hooks.on(`renderSettingsConfig`, (app) => {
	/** @type {Node | undefined} */
	const settingList = app.element.querySelector(`.tab[data-group="categories"][data-tab="oft"]`);


	// MARK: devSettings Menu
	/** @type {Node | undefined} */
	const devSettingsMenu = app.element.querySelector(`.form-group:has(button[data-key="${__ID__}.devSettings"])`);
	if (settingList && devSettingsMenu) {
		settingList.appendChild(devSettingsMenu);
	};
});