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

✨ add translation for total downloads module

Browse Source
This commit is contained in:
Manuel Ruwe
2022-08-24 18:11:49 +02:00
parent fb4bad0a62
commit 2bf29172fc
3 changed files with 31 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
public/locales/de/modules/downloads-module.json
View File

@@ -13,6 +13,14 @@
"nothingFound": "Keine Torrents gefunden"
}
},
"lineChart": {
"title": "Derzeitige Download Geschwindigkeit",
"download": "Download: {{download}}",
"upload": "Upload: {{upload}}",
"timeSpan": "{{seconds}} Sekunden zuvor",
"totalDownload": "Download: {{download}}/s",
"totalUpload": "Upload: {{upload}}/s"
},
"errors": {
"noDownloadClients": {
"title": "Keine unterstützten Download Clients gefunden",

8
public/locales/en/modules/downloads-module.json
View File

@@ -13,6 +13,14 @@
"nothingFound": "No torrents found"
}
},
"lineChart": {
"title": "Current download speed",
"download": "Download: {{download}}",
"upload": "Upload: {{upload}}",
"timeSpan": "{{seconds}} seconds ago",
"totalDownload": "Download: {{download}}/s",
"totalUpload": "Upload: {{upload}}/s"
},
"errors": {
"noDownloadClients": {
"title": "No supported download clients found!",

22
src/modules/downloads/TotalDownloadsModule.tsx
View File

@@ -4,6 +4,7 @@ import { useEffect, useState } from 'react';
import axios from 'axios';
import { NormalizedTorrent } from '@ctrl/shared-torrent';
import { linearGradientDef } from '@nivo/core';
import { useTranslation } from 'next-i18next';
import { Datum, ResponsiveLine } from '@nivo/line';
import { useListState } from '@mantine/hooks';
import { showNotification } from '@mantine/notifications';
@@ -12,7 +13,6 @@ import { useConfig } from '../../tools/state';
import { humanFileSize } from '../../tools/humanFileSize';
import { IModule } from '../ModuleTypes';
import { useSetSafeInterval } from '../../tools/hooks/useSetSafeInterval';
import { useTranslation } from 'next-i18next';
export const TotalDownloadsModule: IModule = {
title: 'Download Speed',
@@ -109,15 +109,19 @@ export default function TotalDownloadsComponent() {
return (
<Stack>
<Title order={4}>Current download speed</Title>
<Title order={4}>{t('card.lineChart.title')}</Title>
<Stack>
<Group>
<ColorSwatch size={12} color={theme.colors.green[5]} />
<Text>Download: {humanFileSize(totalDownloadSpeed)}/s</Text>
<Text>
{t('card.lineChart.totalDownload', { download: humanFileSize(totalDownloadSpeed) })}
</Text>
</Group>
<Group>
<ColorSwatch size={12} color={theme.colors.blue[5]} />
<Text>Upload: {humanFileSize(totalUploadSpeed)}/s</Text>
<Text>
{t('card.lineChart.totalUpload', { upload: humanFileSize(totalUploadSpeed) })}
</Text>
</Group>
</Stack>
<Box
@@ -138,16 +142,20 @@ export default function TotalDownloadsComponent() {
const roundedSeconds = Math.round(seconds);
return (
<Card p="sm" radius="md" withBorder>
<Text size="md">{roundedSeconds} seconds ago</Text>
<Text size="md">{t('card.lineChart.timeSpan', { seconds: roundedSeconds })}</Text>
<Card.Section p="sm">
<Stack>
<Group>
<ColorSwatch size={10} color={theme.colors.green[5]} />
<Text size="md">Download: {humanFileSize(Download)}</Text>
<Text size="md">
{t('card.lineChart.download', { download: humanFileSize(Download) })}
</Text>
</Group>
<Group>
<ColorSwatch size={10} color={theme.colors.blue[5]} />
<Text size="md">Upload: {humanFileSize(Upload)}</Text>
<Text size="md">
{t('card.lineChart.upload', { upload: humanFileSize(Upload) })}
</Text>
</Group>
</Stack>
</Card.Section>