Lightemerald/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2026-01-23 19:01:02 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Limit visible sources

Browse Source
This commit is contained in:
Shisuys
2025-01-11 11:40:48 -03:00
parent 59bc23bbd8
commit 3156baf78e
2 changed files with 19 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/renderer/src/components/game-card/game-card.tsx
View File

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