info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-09 02:36:40 +02:00
Code Issues Releases Wiki Activity

Show proper error on open ai model

Browse Source
This commit is contained in:
Kamran Ahmed
2024-05-05 18:50:27 +01:00
parent 20be28653f
commit 2b20996134
1 changed files with 8 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/GenerateRoadmap/OpenAISettings.tsx
View File

@@ -1,4 +1,3 @@
import { Modal } from '../Modal.tsx';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { deleteOpenAIKey, getOpenAIKey, saveOpenAIKey } from '../../lib/jwt.ts'; import { deleteOpenAIKey, getOpenAIKey, saveOpenAIKey } from '../../lib/jwt.ts';
import { cn } from '../../lib/classname.ts'; import { cn } from '../../lib/classname.ts';
@@ -17,7 +16,7 @@ export function OpenAISettings(props: OpenAISettingsProps) {
const [defaultOpenAIKey, setDefaultOpenAIKey] = useState(''); const [defaultOpenAIKey, setDefaultOpenAIKey] = useState('');
const [hasError, setHasError] = useState(false); const [error, setError] = useState('');
const [openaiApiKey, setOpenaiApiKey] = useState(''); const [openaiApiKey, setOpenaiApiKey] = useState('');
const [isLoading, setIsLoading] = useState(false); const [isLoading, setIsLoading] = useState(false);
@@ -57,7 +56,7 @@ export function OpenAISettings(props: OpenAISettingsProps) {
className="mt-4" className="mt-4"
onSubmit={async (e) => { onSubmit={async (e) => {
e.preventDefault(); e.preventDefault();
setHasError(false); setError('');
const normalizedKey = openaiApiKey.trim(); const normalizedKey = openaiApiKey.trim();
if (!normalizedKey) { if (!normalizedKey) {
@@ -68,7 +67,7 @@ export function OpenAISettings(props: OpenAISettingsProps) {
} }
if (!normalizedKey.startsWith('sk-')) { if (!normalizedKey.startsWith('sk-')) {
setHasError(true); setError("Invalid OpenAI API key. It should start with 'sk-'");
return; return;
} }
@@ -81,7 +80,7 @@ export function OpenAISettings(props: OpenAISettingsProps) {
); );
if (error) { if (error) {
setHasError(true); setError(error.message);
setIsLoading(false); setIsLoading(false);
return; return;
} }
@@ -100,13 +99,13 @@ export function OpenAISettings(props: OpenAISettingsProps) {
className={cn( className={cn(
'block w-full rounded-md border border-gray-300 px-3 py-2 text-gray-800 transition-colors focus:border-black focus:outline-none', 'block w-full rounded-md border border-gray-300 px-3 py-2 text-gray-800 transition-colors focus:border-black focus:outline-none',
{ {
'border-red-500 bg-red-100 focus:border-red-500': hasError, 'border-red-500 bg-red-100 focus:border-red-500': error,
}, },
)} )}
placeholder="Enter your OpenAI API key" placeholder="Enter your OpenAI API key"
value={openaiApiKey} value={openaiApiKey}
onChange={(e) => { onChange={(e) => {
setHasError(false); setError('');
setOpenaiApiKey((e.target as HTMLInputElement).value); setOpenaiApiKey((e.target as HTMLInputElement).value);
}} }}
/> />
@@ -127,9 +126,9 @@ export function OpenAISettings(props: OpenAISettingsProps) {
We do not store your API key on our servers. We do not store your API key on our servers.
</p> </p>
{hasError && ( {error && (
<p className="mt-2 text-sm text-red-500"> <p className="mt-2 text-sm text-red-500">
Please enter a valid OpenAI API key {error}
</p> </p>
)} )}
<button <button