Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-11 07:55:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

💄 Style DownloadsModule (torrents)

Browse Source
This commit is contained in:
ajnart
2022-05-29 15:31:04 +02:00
parent 63e6efab1f
commit 62635bffe9
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/modules/downloads/DownloadsModule.tsx
View File

@@ -1,4 +1,4 @@
import { Loader, Table, Text, Tooltip, Title, Group, Progress, Center } from '@mantine/core';
import { Table, Text, Tooltip, Title, Group, Progress, Skeleton } from '@mantine/core';
import { Download } from 'tabler-icons-react';
import { useEffect, useState } from 'react';
import axios from 'axios';
@@ -65,9 +65,13 @@ export default function DownloadComponent() {
if (qBittorrentTorrents.length === 0 && delugeTorrents.length === 0) {
return (
<Center>
<Loader />
</Center>
<>
<Skeleton height={40} mt={10} />
<Skeleton height={40} mt={10} />
<Skeleton height={40} mt={10} />
<Skeleton height={40} mt={10} />
<Skeleton height={40} mt={10} />
</>
);
}
@@ -85,10 +89,9 @@ export default function DownloadComponent() {
torrents.push({ ...delugeTorrent, progress: delugeTorrent.progress / 100 })
);
qBittorrentTorrents.forEach((torrent) => torrents.push(torrent));
const rows = torrents.map((torrent) => {
if (torrent.progress === 1 && hideComplete) {
return null;
return [];
}
const downloadSpeed = torrent.downloadSpeed / 1024 / 1024;
const uploadSpeed = torrent.uploadSpeed / 1024 / 1024;
@@ -125,7 +128,6 @@ export default function DownloadComponent() {
</tr>
);
});
return (
<Group noWrap direction="column">
<Title order={4}>Your torrents</Title>