From c6da57995d4965c654ff9b945e462d0e0b386643 Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Wed, 19 Jun 2024 20:09:37 -0300
Subject: [PATCH] add cover

---
 src/renderer/src/pages/user/user-content.tsx | 22 +++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/renderer/src/pages/user/user-content.tsx b/src/renderer/src/pages/user/user-content.tsx
index ff5b879b..7d74f50a 100644
--- a/src/renderer/src/pages/user/user-content.tsx
+++ b/src/renderer/src/pages/user/user-content.tsx
@@ -8,7 +8,7 @@ import { useTranslation } from "react-i18next";
 import SteamLogo from "@renderer/assets/steam-logo.svg?react";
 import { useAppSelector, useDate, useUserDetails } from "@renderer/hooks";
 import { useNavigate } from "react-router-dom";
-import { buildGameDetailsPath } from "@renderer/helpers";
+import { buildGameDetailsPath, steamUrlBuilder } from "@renderer/helpers";
 import { PersonIcon, TelescopeIcon } from "@primer/octicons-react";
 import { Button } from "@renderer/components";
 import { UserEditProfileModal } from "./user-edit-modal";
@@ -111,15 +111,17 @@ export function UserContent({
             inset: 0,
           }}
         ></div>
-        <div
-          style={{
-            background: `url(${runningGame?.iconUrl})`,
-            position: "absolute",
-            inset: 0,
-            opacity: 0.1,
-            backgroundSize: "cover",
-          }}
-        ></div>
+        {runningGame && (
+          <div
+            style={{
+              background: `url(${steamUrlBuilder.libraryHero(runningGame.objectID)})`,
+              position: "absolute",
+              inset: 0,
+              opacity: 0.1,
+              backgroundSize: "cover",
+            }}
+          ></div>
+        )}
 
         <div className={styles.profileAvatarContainer}>
           {userProfile.profileImageUrl ? (