From 8a2b8387a6c67b0a97f124d41cb768ffc8f6243a Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Wed, 24 Nov 2021 14:50:34 +0000
Subject: [PATCH] Use different images for different games

---
 client/src/app/pages/dashboard/games/GamesPage.tsx | 5 -----
 client/src/app/routes/GameRoutes.tsx               | 4 ++++
 2 files changed, 4 insertions(+), 5 deletions(-)
 delete mode 100644 client/src/app/pages/dashboard/games/GamesPage.tsx

diff --git a/client/src/app/pages/dashboard/games/GamesPage.tsx b/client/src/app/pages/dashboard/games/GamesPage.tsx
deleted file mode 100644
index 37d191864..000000000
--- a/client/src/app/pages/dashboard/games/GamesPage.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import React from "react";
-
-export default function GamesPage() {
-	return <div></div>;
-}
diff --git a/client/src/app/routes/GameRoutes.tsx b/client/src/app/routes/GameRoutes.tsx
index e349cbc89..d53ff24d9 100644
--- a/client/src/app/routes/GameRoutes.tsx
+++ b/client/src/app/routes/GameRoutes.tsx
@@ -15,6 +15,7 @@ import LinkButton from "components/util/LinkButton";
 import Loading from "components/util/Loading";
 import useApiQuery from "components/util/query/useApiQuery";
 import SelectButton from "components/util/SelectButton";
+import { BackgroundContext } from "context/BackgroundContext";
 import { UGPTSettingsContext, UGPTSettingsContextProvider } from "context/UGPTSettingsContext";
 import { UserContext } from "context/UserContext";
 import { UserSettingsContext } from "context/UserSettingsContext";
@@ -39,11 +40,14 @@ import { NumericSOV } from "util/sorts";
 
 export default function GameRoutes() {
 	const { game } = useParams<{ game: string }>();
+	const { setBackground } = useContext(BackgroundContext);
 
 	if (!IsSupportedGame(game)) {
 		return <ErrorPage statusCode={404} customMessage={`The game ${game} is not supported.`} />;
 	}
 
+	setBackground(ToCDNURL(`/game-banners/${game}`));
+
 	const gameConfig = GetGameConfig(game);
 
 	return (