external/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2025-02-15 04:32:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: Add new functionality to display repack language and seeders/peers in RepacksModal

Browse source
This commit is contained in:
ChristoferMendes 2024-05-10 12:10:43 -03:00
parent ada218cea1
commit 06ed5e07bf
1 changed files with 35 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
src/renderer/src/pages/game-details/repacks-modal.tsx
View file

@ -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>