external/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2025-03-09 15:40:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: adding toast component

Browse source
This commit is contained in:
Chubby Granny Chaser 2024-05-22 00:12:57 +01:00
parent da607fe741
commit 0162ebd133
No known key found for this signature in database
13 changed files with 136 additions and 82 deletions
Download patch file Download diff file Expand all files Collapse all files

38
src/renderer/src/pages/downloads/downloads.tsx
View file

@ -2,7 +2,11 @@ import { useTranslation } from "react-i18next";
import { useNavigate } from "react-router-dom";
import { Button, TextField } from "@renderer/components";
import { formatDownloadProgress, steamUrlBuilder } from "@renderer/helpers";
import {
buildGameDetailsPath,
formatDownloadProgress,
steamUrlBuilder,
} from "@renderer/helpers";
import { useDownload, useLibrary } from "@renderer/hooks";
import type { Game } from "@types";
@ -86,9 +90,9 @@ export function Downloads() {
</p>
{game.downloader === Downloader.Torrent && (
<p>
<small>
{lastPacket?.numPeers} peers / {lastPacket?.numSeeds} seeds
</p>
</small>
)}
</>
);
@ -102,7 +106,6 @@ export function Downloads() {
</>
);
}
if (game?.status === "removed") return <p>{t("cancelled")}</p>;
if (game?.status === "paused") {
return (
@ -113,7 +116,7 @@ export function Downloads() {
);
}
return null;
return <p>{t(game?.status)}</p>;
};
const openDeleteModal = (gameId: number) => {
@ -173,7 +176,7 @@ export function Downloads() {
return (
<>
<Button
onClick={() => navigate(`/game/${game.shop}/${game.objectID}`)}
onClick={() => navigate(buildGameDetailsPath(game))}
theme="outline"
disabled={deleting}
>
@ -230,11 +233,21 @@ export function Downloads() {
cancelled: game.status === "removed",
})}
>
<img
src={steamUrlBuilder.library(game.objectID)}
className={styles.downloadCover}
alt={game.title}
/>
<div className={styles.downloadCover}>
<div className={styles.downloadCoverBackdrop}>
<img
src={steamUrlBuilder.library(game.objectID)}
className={styles.downloadCoverImage}
alt={game.title}
/>
<div className={styles.downloadCoverContent}>
<small className={styles.downloaderName}>
{downloaderName[game?.downloader]}
</small>
</div>
</div>
</div>
<div className={styles.downloadRightContent}>
<div className={styles.downloadDetails}>
<div className={styles.downloadTitleWrapper}>
@ -249,9 +262,6 @@ export function Downloads() {
</button>
</div>
<small className={styles.downloaderName}>
{downloaderName[game?.downloader]}
</small>
{getGameInfo(game)}
</div>