From 2626f63770bf190f27dd86748891cb9de346799c Mon Sep 17 00:00:00 2001
From: wood chen <wood@czl.net>
Date: Wed, 12 Mar 2025 19:19:12 +0800
Subject: [PATCH] =?UTF-8?q?refactor(dashboard):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80=E5=92=8C?=
 =?UTF-8?q?=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除 AlertDialog 中的 Info 图标和触发器
- 在卡片标题下添加配置保存提示文本
- 调整配置页面按钮和布局结构
- 简化页面组件和图标导入
---
 web/app/dashboard/config/page.tsx | 59 ++++++++++++++-----------------
 1 file changed, 27 insertions(+), 32 deletions(-)

diff --git a/web/app/dashboard/config/page.tsx b/web/app/dashboard/config/page.tsx
index cab95d5..a6a795a 100644
--- a/web/app/dashboard/config/page.tsx
+++ b/web/app/dashboard/config/page.tsx
@@ -25,7 +25,7 @@ import {
 } from "@/components/ui/dialog"
 import { Switch } from "@/components/ui/switch"
 import { Slider } from "@/components/ui/slider"
-import { Plus, Trash2, Edit, Save, Download, Upload, Info } from "lucide-react"
+import { Plus, Trash2, Edit, Save, Download, Upload } from "lucide-react"
 import {
   AlertDialog,
   AlertDialogAction,
@@ -35,7 +35,6 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-  AlertDialogTrigger,
 } from "@/components/ui/alert-dialog"
 
 interface PathMapping {
@@ -572,38 +571,34 @@ export default function ConfigPage() {
   return (
     <div className="space-y-6">
       <Card>
-        <CardHeader className="flex flex-row items-center justify-between">
-          <CardTitle>Proxy Go配置</CardTitle>
-          <AlertDialog>
-            <AlertDialogTrigger asChild>
-              <Button variant="outline">
-                <Info className="w-4 h-4 mr-2" />
-                提示
+        <CardHeader>
+          <div className="flex flex-row items-center justify-between">
+            <div>
+              <CardTitle>Proxy Go配置</CardTitle>
+              <p className="text-sm text-muted-foreground mt-1">编辑后需要点击右上角保存配置按钮</p>
+            </div>
+            <div className="flex space-x-2">
+              <Button onClick={exportConfig} variant="outline">
+                <Download className="w-4 h-4 mr-2" />
+                导出配置
               </Button>
-            </AlertDialogTrigger>
-            <AlertDialogContent>编辑后需要点击右上角保存配置按钮</AlertDialogContent>
-          </AlertDialog>
-          <div className="flex space-x-2">
-            <Button onClick={exportConfig} variant="outline">
-              <Download className="w-4 h-4 mr-2" />
-              导出配置
-            </Button>
-            <label>
-              <Button variant="outline" className="cursor-pointer">
-                <Upload className="w-4 h-4 mr-2" />
-                导入配置
+              <label>
+                <Button variant="outline" className="cursor-pointer">
+                  <Upload className="w-4 h-4 mr-2" />
+                  导入配置
+                </Button>
+                <input
+                  type="file"
+                  className="hidden"
+                  accept=".json"
+                  onChange={importConfig}
+                />
+              </label>
+              <Button onClick={handleSave} disabled={saving}>
+                <Save className="w-4 h-4 mr-2" />
+                {saving ? "保存中..." : "保存配置"}
               </Button>
-              <input
-                type="file"
-                className="hidden"
-                accept=".json"
-                onChange={importConfig}
-              />
-            </label>
-            <Button onClick={handleSave} disabled={saving}>
-              <Save className="w-4 h-4 mr-2" />
-              {saving ? "保存中..." : "保存配置"}
-            </Button>
+            </div>
           </div>
         </CardHeader>
         <CardContent>