mirror of
https://github.com/hydralauncher/hydra.git
synced 2025-03-09 15:40:26 +00:00
Update game-card.tsx
This commit is contained in:
parent
282bb45869
commit
dddc5bfd96
1 changed files with 33 additions and 33 deletions
|
@ -75,40 +75,40 @@ export function GameCard({ game, ...props }: GameCardProps) {
|
||||||
<p className="game-card__title">{game.title}</p>
|
<p className="game-card__title">{game.title}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{uniqueRepackers.length > 0 ? (
|
{uniqueRepackers.length > 0 ? (
|
||||||
<ul className="game-card__download-options">
|
<ul className="game-card__download-options">
|
||||||
{firstThreeRepackers.map((repacker) => (
|
{firstThreeRepackers.map((repacker) => (
|
||||||
<li key={repacker}>
|
<li key={repacker}>
|
||||||
<Badge>{repacker}</Badge>
|
<Badge>{repacker}</Badge>
|
||||||
</li>
|
</li>
|
||||||
))}
|
))}
|
||||||
{remainingCount > 0 && (
|
{remainingCount > 0 && (
|
||||||
<li>
|
<li>
|
||||||
<Badge>
|
<Badge>
|
||||||
+{remainingCount} {t("game_card:available", { count: remainingCount })}
|
+{remainingCount}{" "}
|
||||||
</Badge>
|
{t("game_card:available", { count: remainingCount })}
|
||||||
</li>
|
</Badge>
|
||||||
)}
|
</li>
|
||||||
</ul>
|
)}
|
||||||
) : (
|
</ul>
|
||||||
<p className="game-card__no-download-label">{t("no_downloads")}</p>
|
) : (
|
||||||
)}
|
<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 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>
|
||||||
</div>
|
</div>
|
||||||
</button>
|
</button>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue