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] 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>
                 )}
               </>
             ) : (