leyoda/rqbit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add more data to stats footer

Browse source
This commit is contained in:
Igor Katson 2024-08-21 13:40:43 +01:00
parent f1688add01
commit ddc725d1a9
No known key found for this signature in database
GPG key ID: B4EC22B66D61A3F5
5 changed files with 27 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

14
crates/librqbit/webui/src/components/Footer.tsx
View file

@ -1,12 +1,20 @@
import { formatBytes } from "../helper/formatBytes";
import { formatSecondsToTime } from "../helper/formatSecondsToTime";
import { useStatsStore } from "../stores/statsStore";
import { Speed } from "./Speed";
export const Footer: React.FC<{}> = () => {
let stats = useStatsStore((stats) => stats.stats);
return (
<div className="sticky bottom-0 bg-white/10 dark:text-gray-200 backdrop-blur text-nowrap text-xs font-medium text-gray-500 flex p-1 gap-x-3 justify-center">
<div>↓ {stats.download_speed.human_readable}</div>
<div>↑ {stats.upload_speed.human_readable}</div>
<div>
↓ {stats.download_speed.human_readable} (total{" "}
{formatBytes(stats.fetched_bytes)})
</div>
<div>
↑ {stats.upload_speed.human_readable} (total{" "}
{formatBytes(stats.uploaded_bytes)})
</div>
<div>up {formatSecondsToTime(stats.uptime_seconds)}</div>
</div>
);
};