pjandro/OmniRoute
1
0
Fork 0
mirror of https://github.com/diegosouzapw/OmniRoute.git synced 2026-08-24 08:02:14 +03:00
Code Issues Packages Projects Releases Wiki Activity

refactor(dashboard): mirror check button disable state in AddApiKeyModal Enter handler (#10995) (#11156)

Browse Source 
Cherry-picked onto the current tip (authorship preserved), generated-count noise stripped. Pre-merge: file-size baseline rebaselined 1080→1082 with dated annotation (the +2 lines are the Enter-handler isCheckDisabled mirror — owner-requested #11056 polish; rest is Prettier reflow). Gate green; vitest add-api-key-modal-enter-key 2/2 (jsdom render test). Thank you @rqzbeh!
This commit is contained in:
Rouzbeh†
2026-08-23 02:43:10 +03:30
committed by GitHub
parent 64b7389fe9
commit d3ac1a600c
4 changed files with 147 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
src/app/(dashboard)/dashboard/providers/[id]/components/modals/AddApiKeyModal.tsx
View File

@@ -757,46 +757,48 @@ export default function AddApiKeyModal({
onImport={(apiKey) => setFormData({ ...formData, apiKey })}
/>
)}
{!isNoAuthWebSessionCredential && (
<div className="flex gap-2">
<Input
label={apiCredentialLabel}
type="password"
value={formData.apiKey}
onChange={(e) => setFormData({ ...formData, apiKey: e.target.value })}
onKeyDown={(e) => {
if (e.key === "Enter" && !validating && !saving) {
e.preventDefault();
handleValidate();
}
}}
className="flex-1"
placeholder={apiCredentialPlaceholder}
hint={apiCredentialHint}
autoComplete="off"
spellCheck={false}
autoCapitalize="off"
/>
<div className="pt-6">
<Button
onClick={handleValidate}
disabled={
(!isCompatible && !apiKeyOptional && !formData.apiKey) ||
(isGooglePse && !formData.cx.trim()) ||
validating ||
saving
}
variant="secondary"
>
{validating
? t("checking")
: webSessionCredential
? getWebSessionCredentialCheckLabel(t, webSessionCredential)
: t("check")}
</Button>
{!isNoAuthWebSessionCredential && (() => {
const isCheckDisabled =
(!isCompatible && !apiKeyOptional && !formData.apiKey) ||
(isGooglePse && !formData.cx.trim()) ||
validating ||
saving;
return (
<div className="flex gap-2">
<Input
label={apiCredentialLabel}
type="password"
value={formData.apiKey}
onChange={(e) => setFormData({ ...formData, apiKey: e.target.value })}
onKeyDown={(e) => {
if (e.key === "Enter" && !isCheckDisabled) {
e.preventDefault();
handleValidate();
}
}}
className="flex-1"
placeholder={apiCredentialPlaceholder}
hint={apiCredentialHint}
autoComplete="off"
spellCheck={false}
autoCapitalize="off"
/>
<div className="pt-6">
<Button
onClick={handleValidate}
disabled={isCheckDisabled}
variant="secondary"
>
{validating
? t("checking")
: webSessionCredential
? getWebSessionCredentialCheckLabel(t, webSessionCredential)
: t("check")}
</Button>
</div>
</div>
</div>
)}
);
})()}
{isChatGptWebCodex && (
<div className="space-y-3 rounded-lg border border-border bg-surface/40 p-3">
<div>