From 06ed5e07bf97aad0f9875b3bf517bb3ee232fc51 Mon Sep 17 00:00:00 2001
From: ChristoferMendes <christoferluizdsm@gmail.com>
Date: Fri, 10 May 2024 12:10:43 -0300
Subject: [PATCH] feat: Add new functionality to display repack language and
 seeders/peers in RepacksModal

---
 .../src/pages/game-details/repacks-modal.tsx  | 41 ++++++++++++++++---
 1 file changed, 35 insertions(+), 6 deletions(-)

diff --git a/src/renderer/src/pages/game-details/repacks-modal.tsx b/src/renderer/src/pages/game-details/repacks-modal.tsx
index aebcb071..b5274032 100644
--- a/src/renderer/src/pages/game-details/repacks-modal.tsx
+++ b/src/renderer/src/pages/game-details/repacks-modal.tsx
@@ -10,6 +10,13 @@ import { useAppSelector } from "@renderer/hooks";
 import { SPACING_UNIT } from "../../theme.css";
 import { format } from "date-fns";
 import { SelectFolderModal } from "./select-folder-modal";
+import { SeedersAndPeers } from "./seeders-and-peers/seeders-and-peers";
+import {
+  isMultiplayerRepack,
+  supportMultiLanguage,
+} from "@renderer/helpers/searcher";
+import { Tag } from "@renderer/components/tag/tag";
+import {getRepackLanguageBasedOnRepacker} from '../../helpers/searcher';
 
 export interface RepacksModalProps {
   visible: boolean;
@@ -87,12 +94,34 @@ export function RepacksModal({
               className={styles.repackButton}
             >
               <p style={{ color: "#DADBE1" }}>{repack.title}</p>
-              <p style={{ fontSize: "12px" }}>
-                {repack.fileSize} - {repackersFriendlyNames[repack.repacker]} -{" "}
-                {repack.uploadDate
-                  ? format(repack.uploadDate, "dd/MM/yyyy")
-                  : ""}
-              </p>
+              <div
+                style={{
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "space-between",
+                  width: "100%",
+                }}
+              >
+                <div>
+                  <p style={{ fontSize: "12px" }}>
+                    {repack.fileSize} -{" "}
+                    {repackersFriendlyNames[repack.repacker]} -{" "}
+                    {repack.uploadDate
+                      ? format(repack.uploadDate, "dd/MM/yyyy")
+                      : ""}
+                    {" - " + t(`repack_language_code.${getRepackLanguageBasedOnRepacker(repack.repacker)}`)}
+                  </p>
+                </div>
+                <SeedersAndPeers
+                  repack={repack}
+                />
+              </div>
+              <div className={styles.tagsContainer}>
+                {supportMultiLanguage(repack.title) && (
+                  <Tag>Multi Language</Tag>
+                )}
+                {isMultiplayerRepack(repack.title) && <Tag>Multiplayer</Tag>}
+              </div>
             </Button>
           ))}
         </div>