Improve error handling and add safeguards for match data in league co…

…mponents

src/app/league/profile/page.js

@@ -121,13 +121,17 @@ const ProfilePageContent = () => {
 				},
 				body: JSON.stringify({ gameName, tagLine, region }),
 			});
+			const data = await response.json();
 			if (!response.ok) {
-				throw new Error("Failed to trigger update");
+				console.error("API update error:", data);
+				throw new Error(
+					data.error || `Failed to trigger update: ${response.status}`
+				);
 			}
-			await response.json();
+			// Removed the extra await response.json() call.
 			fetchProfileData();
 		} catch (error) {
-			console.error("Error triggering update:", error);
+			console.error("Error triggering update:", error.message);
 			dispatch({ type: "FETCH_FAILURE", payload: error.message });
 		} finally {
 			dispatch({ type: "UPDATE_END" });

src/components/league/Last20GamesPerformance.js

@@ -10,10 +10,14 @@ const Last20GamesPerformance = ({
 	// Filter to get the last 20 matches of the selected player
 	const last20Matches = useMemo(() => {
 		return matchDetails
-			.filter((match) =>
-				match.info.participants.some(
-					(participant) => participant.puuid === selectedSummonerPUUID
-				)
+			.filter(
+				(match) =>
+					match &&
+					match.info &&
+					match.info.participants &&
+					match.info.participants.some(
+						(participant) => participant.puuid === selectedSummonerPUUID
+					)
 			)
 			.slice(0, 20);
 	}, [matchDetails, selectedSummonerPUUID]);
@@ -28,10 +32,15 @@ const Last20GamesPerformance = ({
 		const championPerformance = {};
 
 		last20Matches.forEach((match) => {
+			// Safe guard in case match.info.participants is missing
+			if (!match || !match.info || !match.info.participants) return;
+
 			const currentPlayer = match.info.participants.find(
 				(participant) => participant.puuid === selectedSummonerPUUID
 			);
 
+			if (!currentPlayer) return;
+
 			// Win/Loss
 			if (currentPlayer.win) totalWins++;
 

src/components/league/MatchHistory.js

@@ -330,9 +330,9 @@ const MatchHistory = ({
 
 	// Update filteredMatches to include champion filter
 	const filteredMatches = matchDetails.filter((match) => {
-		const participants = match.info && match.info.participants;
-		if (!participants) return false;
+		if (!match || !match.info || !match.info.participants) return false;
 
+		const participants = match.info.participants;
 		const currentPlayer = participants.find(
 			(participant) => participant.puuid === selectedSummonerPUUID
 		);
@@ -354,6 +354,7 @@ const MatchHistory = ({
 		if (selectedQueue && match.info.queueId !== selectedQueue) {
 			return false;
 		}
+
 		return true;
 	});
 

src/components/league/RecentlyPlayedWith.js

@@ -13,6 +13,9 @@ const RecentlyPlayedWith = ({
 		const teammateStats = {};
 
 		matchDetails.forEach((match) => {
+			// Guard: ensure match, match.info, and match.info.participants exist
+			if (!match || !match.info || !match.info.participants) return;
+
 			const currentPlayer = match.info.participants.find(
 				(participant) => participant.puuid === selectedSummonerPUUID
 			);

src/lib/league/leagueApi.js

@@ -20,12 +20,15 @@ export const fetchSummonerData = async (encryptedPUUID, region) => {
  * Fetch champion mastery data.
  */
 export const fetchChampionMasteryData = async (encryptedPUUID, region) => {
-	const championMasteryResponse = await fetch(
-		`https://${region}.api.riotgames.com/lol/champion-mastery/v4/champion-masteries/by-puuid/${encryptedPUUID}`,
-		{ headers: { "X-Riot-Token": RIOT_API_KEY } }
-	);
+	const url = `https://${region}.api.riotgames.com/lol/champion-mastery/v4/champion-masteries/by-puuid/${encryptedPUUID}`;
+	const championMasteryResponse = await fetch(url, {
+		headers: { "X-Riot-Token": RIOT_API_KEY },
+	});
 	if (!championMasteryResponse.ok) {
-		throw new Error("Failed to fetch champion mastery data");
+		const errorText = await championMasteryResponse.text();
+		throw new Error(
+			`Failed to fetch champion mastery data. Status: ${championMasteryResponse.status} - ${errorText}`
+		);
 	}
 	const masteryData = await championMasteryResponse.json();
 	return masteryData.slice(0, 6);