From 89bb099caaf0d94692463202296f1282241967b0 Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Sat, 19 Oct 2024 13:45:21 -0300
Subject: [PATCH] feat: add link to game in achievements page

---
 .github/workflows/build.yml                   |  2 --
 .../achievements/achievements-content.tsx     | 24 +++++++++++++------
 .../pages/achievements/achievements.css.ts    |  4 ++++
 3 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
index 908f6c80..05066c1c 100644
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -18,7 +18,6 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 20.11.1
-          cache: "yarn"
 
       - name: Install dependencies
         run: yarn
@@ -27,7 +26,6 @@ jobs:
         uses: actions/setup-python@v5
         with:
           python-version: 3.9
-          cache: "pip"
 
       - name: Install dependencies
         run: pip install -r requirements.txt
diff --git a/src/renderer/src/pages/achievements/achievements-content.tsx b/src/renderer/src/pages/achievements/achievements-content.tsx
index e61cf91d..09b3d311 100644
--- a/src/renderer/src/pages/achievements/achievements-content.tsx
+++ b/src/renderer/src/pages/achievements/achievements-content.tsx
@@ -4,7 +4,10 @@ import { steamUrlBuilder } from "@shared";
 import { useContext, useEffect, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import * as styles from "./achievements.css";
-import { formatDownloadProgress } from "@renderer/helpers";
+import {
+  buildGameDetailsPath,
+  formatDownloadProgress,
+} from "@renderer/helpers";
 import {
   CheckCircleIcon,
   LockIcon,
@@ -16,6 +19,7 @@ import { gameDetailsContext } from "@renderer/context";
 import { UserAchievement } from "@types";
 import { average } from "color.js";
 import Color from "color";
+import { Link } from "@renderer/components";
 
 interface UserInfo {
   userId: string;
@@ -95,7 +99,9 @@ function AchievementSummary({ user, isComparison }: AchievementSummaryProps) {
           }}
         >
           <LockIcon size={24} />
-          <h3>{t("subscription_needed")}</h3>
+          <h3>
+            <Link to={""}>{t("subscription_needed")}</Link>
+          </h3>
         </div>
         <div
           style={{
@@ -403,11 +409,15 @@ export function AchievementsContent({ otherUser }: AchievementsContentProps) {
         >
           <div ref={heroRef} className={styles.hero}>
             <div className={styles.heroContent}>
-              <img
-                src={steamUrlBuilder.logo(objectId)}
-                className={styles.gameLogo}
-                alt={gameTitle}
-              />
+              <Link
+                to={buildGameDetailsPath({ shop, objectId, title: gameTitle })}
+              >
+                <img
+                  src={steamUrlBuilder.logo(objectId)}
+                  className={styles.gameLogo}
+                  alt={gameTitle}
+                />
+              </Link>
             </div>
           </div>
 
diff --git a/src/renderer/src/pages/achievements/achievements.css.ts b/src/renderer/src/pages/achievements/achievements.css.ts
index b6f42ce3..c4b66384 100644
--- a/src/renderer/src/pages/achievements/achievements.css.ts
+++ b/src/renderer/src/pages/achievements/achievements.css.ts
@@ -62,6 +62,10 @@ export const gameLogo = style({
   width: LOGO_MAX_WIDTH,
   height: LOGO_HEIGHT,
   objectFit: "contain",
+  transition: "all ease 0.2s",
+  ":hover": {
+    transform: "scale(1.05)",
+  },
 });
 
 export const container = style({