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

feat: improve VS Code integration button and notifications

Browse Source 
- Add fixed width and center alignment for VS Code button to ensure consistent width between 'Apply' and 'Remove' states
- Update notification messages to remind users to restart Codex plugin for changes to take effect
- Restore distinct color scheme: green for 'Apply to VS Code', gray for 'Remove from VS Code'
This commit is contained in:
Jason
2025-09-19 15:10:11 +08:00
parent 3ac3f122eb
commit 7522ba3e03
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ProviderList.tsx
View File

@@ -131,7 +131,7 @@ const ProviderList: React.FC<ProviderListProps> = ({
if (next === raw) { if (next === raw) {
// 幂等：没有变化也提示成功 // 幂等：没有变化也提示成功
onNotify?.("已应用到 VS Code", "success", 1500); onNotify?.("已应用到 VS Code，重启 Codex 插件以生效", "success", 3000);
setVscodeAppliedFor(provider.id); setVscodeAppliedFor(provider.id);
// 用户手动应用时，启用自动同步 // 用户手动应用时，启用自动同步
enableAutoSync(); enableAutoSync();
@@ -139,7 +139,7 @@ const ProviderList: React.FC<ProviderListProps> = ({
} }
await window.api.writeVSCodeSettings(next); await window.api.writeVSCodeSettings(next);
onNotify?.("已应用到 VS Code", "success", 1500); onNotify?.("已应用到 VS Code，重启 Codex 插件以生效", "success", 3000);
setVscodeAppliedFor(provider.id); setVscodeAppliedFor(provider.id);
// 用户手动应用时，启用自动同步 // 用户手动应用时，启用自动同步
enableAutoSync(); enableAutoSync();
@@ -167,14 +167,14 @@ const ProviderList: React.FC<ProviderListProps> = ({
isOfficial: true, isOfficial: true,
}); });
if (next === raw) { if (next === raw) {
onNotify?.("已从 VS Code 移除", "success", 1500); onNotify?.("已从 VS Code 移除，重启 Codex 插件以生效", "success", 3000);
setVscodeAppliedFor(null); setVscodeAppliedFor(null);
// 用户手动移除时，禁用自动同步 // 用户手动移除时，禁用自动同步
disableAutoSync(); disableAutoSync();
return; return;
} }
await window.api.writeVSCodeSettings(next); await window.api.writeVSCodeSettings(next);
onNotify?.("已从 VS Code 移除", "success", 1500); onNotify?.("已从 VS Code 移除，重启 Codex 插件以生效", "success", 3000);
setVscodeAppliedFor(null); setVscodeAppliedFor(null);
// 用户手动移除时，禁用自动同步 // 用户手动移除时，禁用自动同步
disableAutoSync(); disableAutoSync();
@@ -284,7 +284,7 @@ const ProviderList: React.FC<ProviderListProps> = ({
: handleApplyToVSCode(provider) : handleApplyToVSCode(provider)
} }
className={cn( className={cn(
"inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium rounded-md transition-colors", "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium rounded-md transition-colors w-[130px] justify-center",
!isCurrent && "invisible", !isCurrent && "invisible",
vscodeAppliedFor === provider.id vscodeAppliedFor === provider.id
? "bg-gray-100 text-gray-800 hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700" ? "bg-gray-100 text-gray-800 hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700"