From 3156baf78e118ad86c017cd5e3590197434f8315 Mon Sep 17 00:00:00 2001
From: Shisuys <gnarnd4531@gmail.com>
Date: Sat, 11 Jan 2025 11:40:48 -0300
Subject: [PATCH 1/6] Limit visible sources

---
 src/locales/pt-BR/translation.json            |  1 +
 .../src/components/game-card/game-card.tsx    | 29 ++++++++++++-------
 2 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/locales/pt-BR/translation.json b/src/locales/pt-BR/translation.json
index 9c51e68e..563d9f27 100644
--- a/src/locales/pt-BR/translation.json
+++ b/src/locales/pt-BR/translation.json
@@ -280,6 +280,7 @@
     "quit": "Fechar"
   },
   "game_card": {
+    "available": "Disponível",
     "no_downloads": "Sem downloads disponíveis"
   },
   "binary_not_found_modal": {
diff --git a/src/renderer/src/components/game-card/game-card.tsx b/src/renderer/src/components/game-card/game-card.tsx
index d51a322b..95f15a8e 100644
--- a/src/renderer/src/components/game-card/game-card.tsx
+++ b/src/renderer/src/components/game-card/game-card.tsx
@@ -44,6 +44,9 @@ export function GameCard({ game, ...props }: GameCardProps) {
 
   const { numberFormatter } = useFormat();
 
+  const firstThreeRepackers = uniqueRepackers.slice(0, 3);
+  const remainingCount = uniqueRepackers.length - 3;
+
   return (
     <button
       {...props}
@@ -65,17 +68,21 @@ export function GameCard({ game, ...props }: GameCardProps) {
             <p className={styles.title}>{game.title}</p>
           </div>
 
-          {uniqueRepackers.length > 0 ? (
-            <ul className={styles.downloadOptions}>
-              {uniqueRepackers.map((repacker) => (
-                <li key={repacker}>
-                  <Badge>{repacker}</Badge>
-                </li>
-              ))}
-            </ul>
-          ) : (
-            <p className={styles.noDownloadsLabel}>{t("no_downloads")}</p>
-          )}
+          <div className={styles.downloadOptions}>
+            {uniqueRepackers.length > 0 ? (
+              <>
+                {firstThreeRepackers.map((repacker) => (
+                  <Badge key={repacker}>{repacker}</Badge>
+                ))}
+                {remainingCount > 0 && (
+                  <Badge>+{remainingCount} {t("available")}</Badge>
+                )}
+              </>
+            ) : (
+              <p className={styles.noDownloadsLabel}>{t("no_downloads")}</p>
+            )}
+          </div>
+
           <div className={styles.specifics}>
             <div className={styles.specificsItem}>
               <DownloadIcon />

From e804b92f30eff2a4218fb01ffa05d23e26668b00 Mon Sep 17 00:00:00 2001
From: Shisuys <gnarnd4531@gmail.com>
Date: Sat, 11 Jan 2025 11:50:22 -0300
Subject: [PATCH 2/6] Update game-card.tsx

---
 src/renderer/src/components/game-card/game-card.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/components/game-card/game-card.tsx b/src/renderer/src/components/game-card/game-card.tsx
index 95f15a8e..7960fb6e 100644
--- a/src/renderer/src/components/game-card/game-card.tsx
+++ b/src/renderer/src/components/game-card/game-card.tsx
@@ -9,6 +9,7 @@ import { Badge } from "../badge/badge";
 import { useCallback, useState } from "react";
 import { useFormat, useRepacks } from "@renderer/hooks";
 import { steamUrlBuilder } from "@shared";
+import { useMemo } from "react";
 
 export interface GameCardProps
   extends React.DetailedHTMLProps<
@@ -44,8 +45,8 @@ export function GameCard({ game, ...props }: GameCardProps) {
 
   const { numberFormatter } = useFormat();
 
-  const firstThreeRepackers = uniqueRepackers.slice(0, 3);
-  const remainingCount = uniqueRepackers.length - 3;
+  const firstThreeRepackers = useMemo(() => uniqueRepackers.slice(0, 3), [uniqueRepackers]);
+  const remainingCount = useMemo(() => uniqueRepackers.length - 3, [uniqueRepackers]);
 
   return (
     <button

From 3fe77f4961897f2b3e1d1dd8dd19d6aa335024d1 Mon Sep 17 00:00:00 2001
From: Shisuys <gnarnd4531@gmail.com>
Date: Sat, 11 Jan 2025 11:56:17 -0300
Subject: [PATCH 3/6] Update game-card.tsx

---
 .../src/components/game-card/game-card.tsx      | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/renderer/src/components/game-card/game-card.tsx b/src/renderer/src/components/game-card/game-card.tsx
index 7960fb6e..045c7b8c 100644
--- a/src/renderer/src/components/game-card/game-card.tsx
+++ b/src/renderer/src/components/game-card/game-card.tsx
@@ -6,10 +6,9 @@ import SteamLogo from "@renderer/assets/steam-logo.svg?react";
 import * as styles from "./game-card.css";
 import { useTranslation } from "react-i18next";
 import { Badge } from "../badge/badge";
-import { useCallback, useState } from "react";
+import { useCallback, useState, useMemo } from "react";
 import { useFormat, useRepacks } from "@renderer/hooks";
 import { steamUrlBuilder } from "@shared";
-import { useMemo } from "react";
 
 export interface GameCardProps
   extends React.DetailedHTMLProps<
@@ -45,8 +44,14 @@ export function GameCard({ game, ...props }: GameCardProps) {
 
   const { numberFormatter } = useFormat();
 
-  const firstThreeRepackers = useMemo(() => uniqueRepackers.slice(0, 3), [uniqueRepackers]);
-  const remainingCount = useMemo(() => uniqueRepackers.length - 3, [uniqueRepackers]);
+  const firstThreeRepackers = useMemo(
+    () => uniqueRepackers.slice(0, 3),
+    [uniqueRepackers]
+  );
+  const remainingCount = useMemo(
+    () => uniqueRepackers.length - 3,
+    [uniqueRepackers]
+  );
 
   return (
     <button
@@ -76,7 +81,9 @@ export function GameCard({ game, ...props }: GameCardProps) {
                   <Badge key={repacker}>{repacker}</Badge>
                 ))}
                 {remainingCount > 0 && (
-                  <Badge>+{remainingCount} {t("available")}</Badge>
+                  <Badge>
+                    +{remainingCount} {t("available")}
+                  </Badge>
                 )}
               </>
             ) : (

From b03c69b18548809d923a9861ae7979ac3aaac72c Mon Sep 17 00:00:00 2001
From: Shisuys <gnarnd4531@gmail.com>
Date: Sun, 12 Jan 2025 15:52:02 -0300
Subject: [PATCH 4/6] Added pluralization

---
 src/locales/pt-BR/translation.json                  | 3 ++-
 src/renderer/src/components/game-card/game-card.tsx | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/locales/pt-BR/translation.json b/src/locales/pt-BR/translation.json
index 5b91a91b..907b43b7 100644
--- a/src/locales/pt-BR/translation.json
+++ b/src/locales/pt-BR/translation.json
@@ -284,7 +284,8 @@
     "quit": "Fechar"
   },
   "game_card": {
-    "available": "Disponível",
+    "available_one": "Disponível",
+    "available_other": "Disponíveis",
     "no_downloads": "Sem downloads disponíveis"
   },
   "binary_not_found_modal": {
diff --git a/src/renderer/src/components/game-card/game-card.tsx b/src/renderer/src/components/game-card/game-card.tsx
index 045c7b8c..648c848e 100644
--- a/src/renderer/src/components/game-card/game-card.tsx
+++ b/src/renderer/src/components/game-card/game-card.tsx
@@ -82,7 +82,7 @@ export function GameCard({ game, ...props }: GameCardProps) {
                 ))}
                 {remainingCount > 0 && (
                   <Badge>
-                    +{remainingCount} {t("available")}
+                    +{remainingCount} {t("game_card:available", { count: remainingCount })}
                   </Badge>
                 )}
               </>

From 282bb45869355e94b2bf16a25857b194bb034341 Mon Sep 17 00:00:00 2001
From: Shisuys <gnarnd4531@gmail.com>
Date: Tue, 11 Feb 2025 19:15:20 -0300
Subject: [PATCH 5/6] Update game-card.tsx

---
 .../src/components/game-card/game-card.tsx    | 24 ++++++++-----------
 1 file changed, 10 insertions(+), 14 deletions(-)

diff --git a/src/renderer/src/components/game-card/game-card.tsx b/src/renderer/src/components/game-card/game-card.tsx
index c4d980f1..8423ebc1 100644
--- a/src/renderer/src/components/game-card/game-card.tsx
+++ b/src/renderer/src/components/game-card/game-card.tsx
@@ -96,23 +96,19 @@ export function GameCard({ game, ...props }: GameCardProps) {
 
 <div className="game-card__specifics">
   <div className="game-card__specifics-item">
-    {/* ...additional specifics content... */}
+    <DownloadIcon />
+    <span>
+      {stats ? numberFormatter.format(stats.downloadCount) : "…"}
+    </span>
+  </div>
+  <div className="game-card__specifics-item">
+    <PeopleIcon />
+    <span>
+      {stats ? numberFormatter.format(stats.playerCount) : "…"}
+    </span>
   </div>
 </div>
 
-              <DownloadIcon />
-              <span>
-                {stats ? numberFormatter.format(stats.downloadCount) : "…"}
-              </span>
-            </div>
-
-            <div className="game-card__specifics-item">
-              <PeopleIcon />
-              <span>
-                {stats ? numberFormatter.format(stats?.playerCount) : "…"}
-              </span>
-            </div>
-          </div>
         </div>
       </div>
     </button>

From dddc5bfd96a34ddc79cfded2ce1df3be003b43be Mon Sep 17 00:00:00 2001
From: Shisuys <gnarnd4531@gmail.com>
Date: Tue, 11 Feb 2025 19:17:58 -0300
Subject: [PATCH 6/6] Update game-card.tsx

---
 .../src/components/game-card/game-card.tsx    | 66 +++++++++----------
 1 file changed, 33 insertions(+), 33 deletions(-)

diff --git a/src/renderer/src/components/game-card/game-card.tsx b/src/renderer/src/components/game-card/game-card.tsx
index 8423ebc1..9859fe1e 100644
--- a/src/renderer/src/components/game-card/game-card.tsx
+++ b/src/renderer/src/components/game-card/game-card.tsx
@@ -75,40 +75,40 @@ export function GameCard({ game, ...props }: GameCardProps) {
             <p className="game-card__title">{game.title}</p>
           </div>
 
-{uniqueRepackers.length > 0 ? (
-  <ul className="game-card__download-options">
-    {firstThreeRepackers.map((repacker) => (
-      <li key={repacker}>
-        <Badge>{repacker}</Badge>
-      </li>
-    ))}
-    {remainingCount > 0 && (
-      <li>
-        <Badge>
-          +{remainingCount} {t("game_card:available", { count: remainingCount })}
-        </Badge>
-      </li>
-    )}
-  </ul>
-) : (
-  <p className="game-card__no-download-label">{t("no_downloads")}</p>
-)}
-
-<div className="game-card__specifics">
-  <div className="game-card__specifics-item">
-    <DownloadIcon />
-    <span>
-      {stats ? numberFormatter.format(stats.downloadCount) : "…"}
-    </span>
-  </div>
-  <div className="game-card__specifics-item">
-    <PeopleIcon />
-    <span>
-      {stats ? numberFormatter.format(stats.playerCount) : "…"}
-    </span>
-  </div>
-</div>
+          {uniqueRepackers.length > 0 ? (
+            <ul className="game-card__download-options">
+              {firstThreeRepackers.map((repacker) => (
+                <li key={repacker}>
+                  <Badge>{repacker}</Badge>
+                </li>
+              ))}
+              {remainingCount > 0 && (
+                <li>
+                  <Badge>
+                    +{remainingCount}{" "}
+                    {t("game_card:available", { count: remainingCount })}
+                  </Badge>
+                </li>
+              )}
+            </ul>
+          ) : (
+            <p className="game-card__no-download-label">{t("no_downloads")}</p>
+          )}
 
+          <div className="game-card__specifics">
+            <div className="game-card__specifics-item">
+              <DownloadIcon />
+              <span>
+                {stats ? numberFormatter.format(stats.downloadCount) : "…"}
+              </span>
+            </div>
+            <div className="game-card__specifics-item">
+              <PeopleIcon />
+              <span>
+                {stats ? numberFormatter.format(stats.playerCount) : "…"}
+              </span>
+            </div>
+          </div>
         </div>
       </div>
     </button>