fix: update tooltip keys in Dashboard for consistency in statistics display

web/default/src/locales/en/translation.json

@@ -85,7 +85,8 @@
       "test_all_started": "Channel testing started successfully, please refresh page to see results.",
       "delete_disabled_success": "Deleted all disabled channels, total: {{count}}",
       "balance_update_success": "Channel {{name}} balance updated successfully!",
-      "all_balance_updated": "All enabled channel balances have been updated!"
+      "all_balance_updated": "All enabled channel balances have been updated!",
+      "operation_success": "Operation completed successfully!"
     },
     "edit": {
       "title_edit": "Update Channel Information",

web/default/src/locales/zh/translation.json

@@ -85,7 +85,8 @@
       "test_all_started": "已成功开始测试渠道，请刷新页面查看结果。",
       "delete_disabled_success": "已删除所有禁用渠道，共计 {{count}} 个",
       "balance_update_success": "渠道 {{name}} 余额更新成功！",
-      "all_balance_updated": "已更新完毕所有已启用渠道余额！"
+      "all_balance_updated": "已更新完毕所有已启用渠道余额！",
+      "operation_success": "操作成功完成！"
     },
     "edit": {
       "title_edit": "更新渠道信息",

web/default/src/pages/Dashboard/index.js

@@ -1,19 +1,17 @@
-import React, { useEffect, useState } from 'react';
+import React, {useEffect, useState} from 'react';
-import { useTranslation } from 'react-i18next';
+import {useTranslation} from 'react-i18next';
-import { Card, Grid, Header, Segment, Statistic } from 'semantic-ui-react';
+import {Card, Grid} from 'semantic-ui-react';
-import { API, showError } from '../../helpers';
-import moment from 'moment';
 import {
-  LineChart,
+  Bar,
+  BarChart,
+  CartesianGrid,
+  Legend,
   Line,
+  LineChart,
+  ResponsiveContainer,
+  Tooltip,
   XAxis,
   YAxis,
-  CartesianGrid,
-  Tooltip,
-  ResponsiveContainer,
-  BarChart,
-  Bar,
-  Legend,
 } from 'recharts';
 import axios from 'axios';
 import './Dashboard.css';
@@ -244,7 +242,7 @@ const Dashboard = () => {
             <Card.Content>
               <Card.Header>
                 {t('dashboard.charts.requests.title')}
-                <span className='stat-value'>{summaryData.todayRequests}</span>
+                  {/* <span className='stat-value'>{summaryData.todayRequests}</span> */}
               </Card.Header>
               <div className='chart-container'>
                 <ResponsiveContainer
@@ -273,7 +271,7 @@ const Dashboard = () => {
                         t('dashboard.charts.requests.tooltip'),
                       ]}
                       labelFormatter={(label) =>
-                        `${t('dashboard.tooltip.date')}: ${formatDate(label)}`
+                        `${t('dashboard.statistics.tooltip.date')}: ${formatDate(label)}`
                       }
                     />
                     <Line
@@ -296,9 +294,9 @@ const Dashboard = () => {
             <Card.Content>
               <Card.Header>
                 {t('dashboard.charts.quota.title')}
-                <span className='stat-value'>
+                  {/* <span className='stat-value'>
                   ${summaryData.todayQuota.toFixed(3)}
-                </span>
+                </span> */}
               </Card.Header>
               <div className='chart-container'>
                 <ResponsiveContainer
@@ -327,7 +325,7 @@ const Dashboard = () => {
                         t('dashboard.charts.quota.tooltip'),
                       ]}
                       labelFormatter={(label) =>
-                        `${t('dashboard.tooltip.date')}: ${formatDate(label)}`
+                        `${t('dashboard.statistics.tooltip.date')}: ${formatDate(label)}`
                       }
                     />
                     <Line
@@ -350,7 +348,7 @@ const Dashboard = () => {
             <Card.Content>
               <Card.Header>
                 {t('dashboard.charts.tokens.title')}
-                <span className='stat-value'>{summaryData.todayTokens}</span>
+                  {/* <span className='stat-value'>{summaryData.todayTokens}</span> */}
               </Card.Header>
               <div className='chart-container'>
                 <ResponsiveContainer
@@ -379,7 +377,7 @@ const Dashboard = () => {
                         t('dashboard.charts.tokens.tooltip'),
                       ]}
                       labelFormatter={(label) =>
-                        `${t('dashboard.tooltip.date')}: ${formatDate(label)}`
+                        `${t('dashboard.statistics.tooltip.date')}: ${formatDate(label)}`
                       }
                     />
                     <Line
@@ -424,7 +422,7 @@ const Dashboard = () => {
                     boxShadow: '0 2px 8px rgba(0,0,0,0.1)',
                   }}
                   labelFormatter={(label) =>
-                    `${t('dashboard.tooltip.date')}: ${formatDate(label)}`
+                    `${t('dashboard.statistics.tooltip.date')}: ${formatDate(label)}`
                   }
                 />
                 <Legend