From 0c7043154a9c6d1d9381b380b9389c836d08b087 Mon Sep 17 00:00:00 2001
From: farion1231 <farion1231@gmail.com>
Date: Thu, 21 Aug 2025 21:46:48 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=BF=AB=E9=80=9F?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E6=A8=A1=E6=9D=BF=E6=8C=89=E9=92=AE=E7=9A=84?=
 =?UTF-8?q?=E9=80=89=E4=B8=AD=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为模板选择按钮添加选中后保持深色的视觉反馈
- 选中状态与hover状态共享相同的样式
- 用户可以清楚地看到当前选中的模板
---
 src/renderer/components/AddProviderModal.css |  3 ++-
 src/renderer/components/ProviderForm.tsx     | 10 +++++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/AddProviderModal.css b/src/renderer/components/AddProviderModal.css
index 6e3ff37..b4ec60c 100644
--- a/src/renderer/components/AddProviderModal.css
+++ b/src/renderer/components/AddProviderModal.css
@@ -69,7 +69,8 @@
   transition: all 0.2s;
 }
 
-.preset-btn:hover {
+.preset-btn:hover,
+.preset-btn.selected {
   background: #3498db;
   color: white;
 }
diff --git a/src/renderer/components/ProviderForm.tsx b/src/renderer/components/ProviderForm.tsx
index fc03bd2..c2e7367 100644
--- a/src/renderer/components/ProviderForm.tsx
+++ b/src/renderer/components/ProviderForm.tsx
@@ -28,6 +28,7 @@ const ProviderForm: React.FC<ProviderFormProps> = ({
   })
   const [error, setError] = useState('')
   const [disableCoAuthored, setDisableCoAuthored] = useState(false)
+  const [selectedPreset, setSelectedPreset] = useState<number | null>(null)
 
   // 初始化时检查禁用签名状态
   useEffect(() => {
@@ -107,7 +108,7 @@ const ProviderForm: React.FC<ProviderFormProps> = ({
     })
   }
 
-  const applyPreset = (preset: typeof providerPresets[0]) => {
+  const applyPreset = (preset: typeof providerPresets[0], index: number) => {
     const configString = JSON.stringify(preset.settingsConfig, null, 2)
     
     setFormData({
@@ -116,6 +117,9 @@ const ProviderForm: React.FC<ProviderFormProps> = ({
       settingsConfig: configString
     })
     
+    // 设置选中的预设
+    setSelectedPreset(index)
+    
     // 同步选择框状态
     const hasCoAuthoredDisabled = checkCoAuthoredSetting(configString)
     setDisableCoAuthored(hasCoAuthoredDisabled)
@@ -136,8 +140,8 @@ const ProviderForm: React.FC<ProviderFormProps> = ({
                 <button
                   key={index}
                   type="button"
-                  className="preset-btn"
-                  onClick={() => applyPreset(preset)}
+                  className={`preset-btn ${selectedPreset === index ? 'selected' : ''}`}
+                  onClick={() => applyPreset(preset, index)}
                 >
                   {preset.name}
                 </button>