admin/cc-switch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: improve endpoint management button UX

Browse Source 
Replace ambiguous "Advanced" text with intuitive "Manage & Test" label accompanied by Zap icon, making the endpoint management panel entry point more discoverable and self-explanatory for both Claude and Codex configurations.
This commit is contained in:
Jason
2025-10-07 16:25:36 +08:00
parent aefc5699a2
commit 331e48a530
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/ProviderForm.tsx
View File

@@ -26,7 +26,7 @@ import ApiKeyInput from "./ProviderForm/ApiKeyInput";
import ClaudeConfigEditor from "./ProviderForm/ClaudeConfigEditor"; import ClaudeConfigEditor from "./ProviderForm/ClaudeConfigEditor";
import CodexConfigEditor from "./ProviderForm/CodexConfigEditor"; import CodexConfigEditor from "./ProviderForm/CodexConfigEditor";
import KimiModelSelector from "./ProviderForm/KimiModelSelector"; import KimiModelSelector from "./ProviderForm/KimiModelSelector";
import { X, AlertCircle, Save } from "lucide-react"; import { X, AlertCircle, Save, Zap } from "lucide-react";
import { isLinux } from "../lib/platform"; import { isLinux } from "../lib/platform";
import EndpointSpeedTest, { import EndpointSpeedTest, {
EndpointCandidate, EndpointCandidate,
@@ -1621,9 +1621,10 @@ const ProviderForm: React.FC<ProviderFormProps> = ({
<button <button
type="button" type="button"
onClick={() => setIsEndpointModalOpen(true)} onClick={() => setIsEndpointModalOpen(true)}
className="text-xs text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors" className="flex items-center gap-1 text-xs text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors"
> >
高级 <Zap className="h-3.5 w-3.5" />
管理与测速
</button> </button>
</div> </div>
<input <input
@@ -1713,9 +1714,10 @@ const ProviderForm: React.FC<ProviderFormProps> = ({
<button <button
type="button" type="button"
onClick={() => setIsCodexEndpointModalOpen(true)} onClick={() => setIsCodexEndpointModalOpen(true)}
className="text-xs text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors" className="flex items-center gap-1 text-xs text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors"
> >
高级 <Zap className="h-3.5 w-3.5" />
管理与测速
</button> </button>
</div> </div>
<input <input