From cf57fbed7bc8070ff14c038e1fb5b4fe2062868a Mon Sep 17 00:00:00 2001
From: YoVinchen <gzh298255@gmail.com>
Date: Sat, 22 Nov 2025 17:22:36 +0800
Subject: [PATCH] style: format template literals for better readability

Improve code formatting for conditional className expressions.
- Break long template literals across multiple lines
- Maintain consistent formatting in MCP form and endpoint test components
---
 src/components/mcp/McpFormModal.tsx               | 10 ++++++----
 .../providers/forms/EndpointSpeedTest.tsx         | 15 +++++++++------
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/components/mcp/McpFormModal.tsx b/src/components/mcp/McpFormModal.tsx
index 3b5d62e..d75e5b3 100644
--- a/src/components/mcp/McpFormModal.tsx
+++ b/src/components/mcp/McpFormModal.tsx
@@ -442,10 +442,11 @@ const McpFormModal: React.FC<McpFormModalProps> = ({
                   <button
                     type="button"
                     onClick={applyCustom}
-                    className={`inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-colors ${selectedPreset === -1
+                    className={`inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
+                      selectedPreset === -1
                         ? "bg-emerald-500 text-white dark:bg-emerald-600"
                         : "bg-accent text-muted-foreground hover:bg-accent/80"
-                      }`}
+                    }`}
                   >
                     {t("presetSelector.custom")}
                   </button>
@@ -456,10 +457,11 @@ const McpFormModal: React.FC<McpFormModalProps> = ({
                         key={preset.id}
                         type="button"
                         onClick={() => applyPreset(idx)}
-                        className={`inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-colors ${selectedPreset === idx
+                        className={`inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
+                          selectedPreset === idx
                             ? "bg-emerald-500 text-white dark:bg-emerald-600"
                             : "bg-accent text-muted-foreground hover:bg-accent/80"
-                          }`}
+                        }`}
                         title={t(descriptionKey)}
                       >
                         {preset.id}
diff --git a/src/components/providers/forms/EndpointSpeedTest.tsx b/src/components/providers/forms/EndpointSpeedTest.tsx
index 8966c39..fe1bf27 100644
--- a/src/components/providers/forms/EndpointSpeedTest.tsx
+++ b/src/components/providers/forms/EndpointSpeedTest.tsx
@@ -550,18 +550,20 @@ const EndpointSpeedTest: React.FC<EndpointSpeedTestProps> = ({
                 <div
                   key={entry.id}
                   onClick={() => handleSelect(entry.url)}
-                  className={`group flex cursor-pointer items-center justify-between px-3 py-2.5 rounded-lg border transition ${isSelected
+                  className={`group flex cursor-pointer items-center justify-between px-3 py-2.5 rounded-lg border transition ${
+                    isSelected
                       ? "border-primary/70 bg-primary/5 shadow-sm"
                       : "border-border-default bg-background hover:bg-muted"
-                    }`}
+                  }`}
                 >
                   <div className="flex min-w-0 flex-1 items-center gap-3">
                     {/* 选择指示器 */}
                     <div
-                      className={`h-1.5 w-1.5 flex-shrink-0 rounded-full transition ${isSelected
+                      className={`h-1.5 w-1.5 flex-shrink-0 rounded-full transition ${
+                        isSelected
                           ? "bg-blue-500 dark:bg-blue-400"
                           : "bg-gray-300 dark:bg-gray-700"
-                        }`}
+                      }`}
                     />
 
                     {/* 内容 */}
@@ -577,14 +579,15 @@ const EndpointSpeedTest: React.FC<EndpointSpeedTestProps> = ({
                     {latency !== null ? (
                       <div className="text-right">
                         <div
-                          className={`font-mono text-sm font-medium ${latency < 300
+                          className={`font-mono text-sm font-medium ${
+                            latency < 300
                               ? "text-emerald-600 dark:text-emerald-400"
                               : latency < 500
                                 ? "text-yellow-600 dark:text-yellow-400"
                                 : latency < 800
                                   ? "text-orange-600 dark:text-orange-400"
                                   : "text-red-600 dark:text-red-400"
-                            }`}
+                          }`}
                         >
                           {latency}ms
                         </div>