Fix custom games not getting sorted on adding

Author: LegItMate

src/components/launchers/find-games.js

@@ -8,6 +8,7 @@ const { sha256 } = require('../modules/sha256.js');
 
 const processes = new Map();
 let loads = 0;
+let __CACHE__ = [];
 
 async function getInstalledGames(launchers = ['CustomGames', 'EpicGames.js', 'Lutris.js', 'Minecraft.js', 'RiotGames.js', 'RockstarGames.js', 'Steam.js', 'Uplay.js']) {
 	document.getElementById("loadingbtn").style.opacity = '1';
@@ -57,7 +58,7 @@ async function filterAndSort(games, type, list, stored) {
 	}
 
 	if (type === 'allGamesList') {
-		return games.map(x => x.DisplayName).sort().map(x => games[games.findIndex(y => y.DisplayName === x)]);
+		games = games.map(x => x.DisplayName).sort().map(x => games[games.findIndex(y => y.DisplayName === x)]);
 	}
 	else if (['recentGamesListMainPage', 'recentGamesList'].includes(type)) {
 		let final = [];
@@ -75,19 +76,21 @@ async function filterAndSort(games, type, list, stored) {
 				return 0;
 			}
 		});
-		return final.slice(0, type.includes('MainPage') ? 5 - list.children.length : final.length);
+		games = final.slice(0, type.includes('MainPage') ? 5 - list.children.length : final.length);
 	}
 	else if (type === 'favGamesList') {
 		let final = [];
 		for (let i = 0; i < games.length; i++) {
 			const game = stored?.find(x => x.GameID === games[i].GameID && x.LauncherName === games[i].LauncherName) ?? await getGames(games[i].GameID, games[i].LauncherName);
 			if (typeof game?.Favourite === 'boolean' && game.Favourite === true) final.push(game);
 		}
-		return final.map(x => x.DisplayName).sort().map(x => final[final.findIndex(y => y.DisplayName === x)]);
+		games = final.map(x => x.DisplayName).sort().map(x => final[final.findIndex(y => y.DisplayName === x)]);
 	}
 	else {
 		return [];
 	}
+	__CACHE__ = games;
+	return games;
 }
 
 async function loadGames(id, data, stored) {
@@ -411,6 +414,12 @@ class Elements {
 	}
 
 	static async createGameElement(game, id, list, prev) {
+		if (game.LauncherName === 'CustomGame' && !prev) {
+			prev = __CACHE__;
+			prev.push(game);
+			const filtered = (await filterAndSort(prev, 'allGamesList', list)).reverse();
+			prev = filtered[filtered.findIndex(x => Object.keys(game).every(y => game[y] === x[y])) - 1];
+		}
 		list = document.getElementById(id);
 		const gameElement = Elements.getGameElement(game, id);
 		if (prev && !list.children.namedItem(`game-div-${game.DisplayName.replaceAll(' ', '_')}`)) {