feat(detail): net transfer info

.github/ISSUE_TEMPLATE/bug-提交.md

@@ -2,9 +2,8 @@
 name: Bug 提交
 about: 提交 bug，让面板变得更好。
 title: "[BUG]"
-labels: ''
+labels: ""
-assignees: ''
+assignees: ""
-
 ---
 
 **面板版本（二选一）**
@@ -16,6 +15,5 @@ V0 | V1
 **屏幕截图**
 有屏幕截图可以帮助更快定位到问题
 
-
 **额外信息**
 可附上其他需要的额外信息

.github/ISSUE_TEMPLATE/功能申请.md

@@ -2,9 +2,8 @@
 name: 功能申请
 about: 描述需求
 title: "[FEAT]"
-labels: ''
+labels: ""
-assignees: ''
+assignees: ""
-
 ---
 
 **面板版本（二选一）**

.github/ISSUE_TEMPLATE/改善建议.md

@@ -2,13 +2,13 @@
 name: 改善建议
 about: 交流面板需要改进的地方
 title: "[SUGGEST]"
-labels: ''
+labels: ""
-assignees: ''
+assignees: ""
-
 ---
 
 **面板版本（二选一）**
 V0 | V1
 
 **需要改进的？**
-*
+
+-

app/(main)/ClientComponents/ServerDetailClient.tsx

@@ -199,6 +199,34 @@ export default function ServerDetailClient({
           </CardContent>
         </Card>
       </section>
+      <section className="flex flex-wrap gap-2 mt-1">
+        <Card className="rounded-[10px] bg-transparent border-none shadow-none">
+          <CardContent className="px-1.5 py-1">
+            <section className="flex flex-col items-start gap-0.5">
+              <p className="text-xs text-muted-foreground">{t("Upload")}</p>
+              {data.status.NetOutTransfer ? (
+                <div className="text-xs">
+                  {" "}
+                  {formatBytes(data.status.NetOutTransfer)}{" "}
+                </div>
+              ) : null}
+            </section>
+          </CardContent>
+        </Card>
+        <Card className="rounded-[10px] bg-transparent border-none shadow-none">
+          <CardContent className="px-1.5 py-1">
+            <section className="flex flex-col items-start gap-0.5">
+              <p className="text-xs text-muted-foreground">{t("Download")}</p>
+              {data.status.NetInTransfer ? (
+                <div className="text-xs">
+                  {" "}
+                  {formatBytes(data.status.NetInTransfer)}{" "}
+                </div>
+              ) : null}
+            </section>
+          </CardContent>
+        </Card>
+      </section>
     </div>
   );
 }

messages/en.json

@@ -61,7 +61,9 @@
     "Disk": "Disk",
     "Region": "Region",
     "System": "System",
-    "CPU": "CPU"
+    "CPU": "CPU",
+    "Upload": "Upload",
+    "Download": "Download"
   },
   "ServerDetailChartClient": {
     "chart_fetch_error_message": "Please check your environment variables and review the server console",

messages/ja.json

@@ -61,7 +61,9 @@
     "Disk": "ディスク",
     "Region": "地域",
     "System": "システム",
-    "CPU": "CPU"
+    "CPU": "CPU",
+    "Upload": "Upload",
+    "Download": "Download"
   },
   "ServerDetailChartClient": {
     "chart_fetch_error_message": "環境変数を確認し、サーバーコンソールを確認してください",

messages/zh-t.json

@@ -61,7 +61,9 @@
     "Disk": "磁碟",
     "Region": "地區",
     "System": "系統",
-    "CPU": "CPU"
+    "CPU": "CPU",
+    "Upload": "上傳",
+    "Download": "下載"
   },
   "ServerDetailChartClient": {
     "chart_fetch_error_message": "獲取伺服器詳情失敗,請檢查您的環境變數並檢查伺服器控制台",

messages/zh.json

@@ -61,7 +61,9 @@
     "Disk": "磁盘",
     "Region": "地区",
     "System": "系统",
-    "CPU": "CPU"
+    "CPU": "CPU",
+    "Upload": "上传",
+    "Download": "下载"
   },
   "ServerDetailChartClient": {
     "chart_fetch_error_message": "获取服务器详情失败,请检查您的环境变量并检查服务器控制台",