made border be red when api key is invalid

This commit is contained in:
Lucas Oliveira 2025-09-25 15:27:23 -03:00
parent d34d192e01
commit 5dfb3dadf0

View file

@ -94,6 +94,7 @@ export function OpenAIOnboarding({
<LabelInput <LabelInput
label="OpenAI API key" label="OpenAI API key"
helperText="The API key for your OpenAI account." helperText="The API key for your OpenAI account."
className={modelsError ? "!border-destructive" : ""}
id="api-key" id="api-key"
type="password" type="password"
required required
@ -107,7 +108,7 @@ export function OpenAIOnboarding({
</p> </p>
)} )}
{modelsError && ( {modelsError && (
<p className="text-mmd text-accent-amber-foreground"> <p className="text-mmd text-destructive">
Invalid OpenAI API key. Verify or replace the key. Invalid OpenAI API key. Verify or replace the key.
</p> </p>
)} )}