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

feat(ui): update preset template description for clarity

Browse Source
This commit is contained in:
Jason
2025-08-26 15:12:27 +08:00
parent 6d26115368
commit 374649750b
1 changed files with 96 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/ProviderForm.tsx
View File

@@ -184,21 +184,28 @@ const ProviderForm: React.FC<ProviderFormProps> = ({
// 支持按下 ESC 关闭弹窗 // 支持按下 ESC 关闭弹窗
useEffect(() => { useEffect(() => {
const onKeyDown = (e: KeyboardEvent) => { const onKeyDown = (e: KeyboardEvent) => {
if (e.key === 'Escape') { if (e.key === "Escape") {
e.preventDefault(); e.preventDefault();
onClose(); onClose();
} }
}; };
window.addEventListener('keydown', onKeyDown); window.addEventListener("keydown", onKeyDown);
return () => window.removeEventListener('keydown', onKeyDown); return () => window.removeEventListener("keydown", onKeyDown);
}, [onClose]); }, [onClose]);
return ( return (
<div className="modal-overlay" onMouseDown={(e) => { if (e.target === e.currentTarget) onClose(); }}> <div
className="modal-overlay"
onMouseDown={(e) => {
if (e.target === e.currentTarget) onClose();
}}
>
<div className="modal-content"> <div className="modal-content">
<div className="modal-titlebar"> <div className="modal-titlebar">
<div className="modal-spacer" /> <div className="modal-spacer" />
<div className="modal-title" title={title}>{title}</div> <div className="modal-title" title={title}>
{title}
</div>
<button <button
type="button" type="button"
className="modal-close-btn" className="modal-close-btn"
@@ -216,7 +223,7 @@ const ProviderForm: React.FC<ProviderFormProps> = ({
{showPresets && ( {showPresets && (
<div className="presets"> <div className="presets">
<label>快速选择模板：</label> <label>一键导入（只需要填写 key）</label>
<div className="preset-buttons"> <div className="preset-buttons">
{providerPresets.map((preset, index) => ( {providerPresets.map((preset, index) => (
<button <button
@@ -277,7 +284,9 @@ const ProviderForm: React.FC<ProviderFormProps> = ({
<div className="form-group"> <div className="form-group">
<div className="label-with-checkbox"> <div className="label-with-checkbox">
<label htmlFor="settingsConfig">Claude Code 配置 (JSON) *</label> <label htmlFor="settingsConfig">
Claude Code 配置 (JSON) *
</label>
<label className="checkbox-label"> <label className="checkbox-label">
<input <input
type="checkbox" type="checkbox"
@@ -306,7 +315,6 @@ const ProviderForm: React.FC<ProviderFormProps> = ({
完整的 Claude Code settings.json 配置内容 完整的 Claude Code settings.json 配置内容
</small> </small>
</div> </div>
</div> </div>
<div className="modal-footer"> <div className="modal-footer">
@@ -317,7 +325,6 @@ const ProviderForm: React.FC<ProviderFormProps> = ({
{submitText} {submitText}
</button> </button>
</div> </div>
</form> </form>
</div> </div>
</div> </div>