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

public/locales/de-DE/dashboard.json

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

public/locales/en-US/dashboard.json

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

public/locales/es-ES/dashboard.json

@@ -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",

public/locales/fr-FR/dashboard.json

@@ -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",

public/locales/it-IT/dashboard.json

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

public/locales/ja-JP/dashboard.json

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

public/locales/ko-KR/dashboard.json

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

public/locales/pt-BR/dashboard.json

@@ -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",

public/locales/ru-RU/dashboard.json

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

public/locales/zh-CN/dashboard.json

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

public/locales/zh-TW/dashboard.json

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

src/component/Admin/Home/Home.tsx

@@ -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={blue[600]} />
-                          <Line name={t("nav.users")} type="monotone" dataKey="user" stroke="#82ca9d" />
+                          <Line name={t("nav.files")} type="monotone" dataKey="file" stroke={yellow[800]} />
-                          <Line name={t("nav.shares")} type="monotone" dataKey="share" stroke="#e91e63" />
+                          <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>