15308555518/ frontend
1
0
Fork 0
mirror of https://github.com/cloudreve/frontend.git synced 2025-12-25 19:52:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(dashboard): center summary chart, uniform legend color, and correct description of summary item (#304)

This commit is contained in:
Darren Yu 2025-08-28 11:39:43 +08:00 committed by GitHub
parent ddfacc1c31
commit f037956477
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
12 changed files with 29 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/locales/de-DE/dashboard.json
View File

@ -58,7 +58,7 @@
"trend": "Trend",
"summary": "Zusammenfassung",
"totalUsers": "Benutzer",
"totalFiles": "Dateien",
"totalFilesAndFolders": "Dateien und Ordner",
"shareLinks": "Freigabe-Links",
"totalBlobs": "Blobs",
"homepage": "Startseite",

2
public/locales/en-US/dashboard.json
View File

@ -58,7 +58,7 @@
"trend": "Trend",
"summary": "Summary",
"totalUsers": "Users",
"totalFiles": "Files",
"totalFilesAndFolders": "Files and Folders",
"shareLinks": "Share links",
"totalBlobs": "Blobs",
"homepage": "Homepage",

2
public/locales/es-ES/dashboard.json
View File

@ -58,7 +58,7 @@
"trend": "Tendencia",
"summary": "Resumen",
"totalUsers": "Usuarios",
"totalFiles": "Archivos",
"totalFilesAndFolders": "Archivos y carpetas",
"shareLinks": "Enlaces de compartir",
"totalBlobs": "Blobs",
"homepage": "Página principal",

2
public/locales/fr-FR/dashboard.json
View File

@ -58,7 +58,7 @@
"trend": "Tendance",
"summary": "Résumé",
"totalUsers": "Utilisateurs",
"totalFiles": "Fichiers",
"totalFilesAndFolders": "Fichiers et dossiers",
"shareLinks": "Liens de partage",
"totalBlobs": "Blobs",
"homepage": "Page d'accueil",

2
public/locales/it-IT/dashboard.json
View File

@ -58,7 +58,7 @@
"trend": "Tendenza",
"summary": "Riepilogo",
"totalUsers": "Utenti",
"totalFiles": "File",
"totalFilesAndFolders": "File e Cartelle",
"shareLinks": "Link condivisioni",
"totalBlobs": "Blob",
"homepage": "Homepage",

2
public/locales/ja-JP/dashboard.json
View File

@ -58,7 +58,7 @@
"trend": "傾向",
"summary": "合計",
"totalUsers": "登録ユーザー",
"totalFiles": "ファイル",
"totalFilesAndFolders": "ファイルとフォルダ",
"shareLinks": "共有リンク",
"totalBlobs": "ファイルBlob",
"homepage": "ホーム",

2
public/locales/ko-KR/dashboard.json
View File

@ -58,7 +58,7 @@
"trend": "추세",
"summary": "총계",
"totalUsers": "등록 사용자",
"totalFiles": "파일",
"totalFilesAndFolders": "파일 및 폴더",
"shareLinks": "공유 링크",
"totalBlobs": "파일 Blob",
"homepage": "홈페이지",

2
public/locales/pt-BR/dashboard.json
View File

@ -58,7 +58,7 @@
"trend": "Tendência",
"summary": "Resumo",
"totalUsers": "Usuários",
"totalFiles": "Arquivos",
"totalFilesAndFolders": "Arquivos e Pastas",
"shareLinks": "Links de compartilhamento",
"totalBlobs": "Blobs",
"homepage": "Página inicial",

2
public/locales/ru-RU/dashboard.json
View File

@ -58,7 +58,7 @@
"trend": "Тенденция",
"summary": "Сводка",
"totalUsers": "Пользователи",
"totalFiles": "Файлы",
"totalFilesAndFolders": "Файлы и папки",
"shareLinks": "Ссылки общего доступа",
"totalBlobs": "Блобы",
"homepage": "Главная страница",

2
public/locales/zh-CN/dashboard.json
View File

@ -58,7 +58,7 @@
"trend": "趋势",
"summary": "总计",
"totalUsers": "注册用户",
"totalFiles": "文件",
"totalFilesAndFolders": "文件与目录",
"shareLinks": "分享链接",
"totalBlobs": "文件 Blob",
"homepage": "主页",

2
public/locales/zh-TW/dashboard.json
View File

@ -58,7 +58,7 @@
"trend": "趨勢",
"summary": "總計",
"totalUsers": "注冊使用者",
"totalFiles": "檔案",
"totalFilesAndFolders": "檔案與目錄",
"shareLinks": "分享連結",
"totalBlobs": "檔案 Blob",
"homepage": "主頁",

24
src/component/Admin/Home/Home.tsx
View File

@ -135,19 +135,31 @@ const Home = () => {
height={350}
data={summary?.metrics_summary.dates.map((i, d) => ({
name: dayjs(i).format("MM-DD"),
file: summary?.metrics_summary?.files[d] ?? 0,
user: summary?.metrics_summary?.users[d] ?? 0,
file: summary?.metrics_summary?.files[d] ?? 0,
share: summary?.metrics_summary?.shares[d] ?? 0,
}))}
>
<CartesianGrid strokeDasharray="3 3" />
<XAxis dataKey="name" />
<YAxis allowDecimals={false} />
<YAxis
allowDecimals={false}
width={(() => {
const yAxisValue = [
...(summary?.metrics_summary?.users ?? []),
...(summary?.metrics_summary?.files ?? []),
...(summary?.metrics_summary?.shares ?? []),
];
const yAxisUpperLimit = yAxisValue.length ? Math.max(...yAxisValue) : 0;
const yAxisDigits = yAxisUpperLimit > 0 ? Math.floor(Math.log10(yAxisUpperLimit)) + 1 : 1;
return 3 + yAxisDigits * 9;
})()}
/>
<Tooltip />
<Legend />
<Line name={t("nav.files")} type="monotone" dataKey="file" stroke="#3f51b5" />
<Line name={t("nav.users")} type="monotone" dataKey="user" stroke="#82ca9d" />
<Line name={t("nav.shares")} type="monotone" dataKey="share" stroke="#e91e63" />
<Line name={t("nav.users")} type="monotone" dataKey="user" stroke={blue[600]} />
<Line name={t("nav.files")} type="monotone" dataKey="file" stroke={yellow[800]} />
<Line name={t("nav.shares")} type="monotone" dataKey="share" stroke={green[800]} />
</LineChart>
</ResponsiveContainer>
)}
@ -225,7 +237,7 @@ const Home = () => {
</Avatar>
</ListItemAvatar>
<ListItemText
secondary={t("summary.totalFiles")}
secondary={t("summary.totalFilesAndFolders")}
primary={summary.metrics_summary.file_total.toLocaleString()}
/>
</ListItem>