fix: allow manual model entry when provider model listing fails (#8411)
This commit is contained in:
@@ -841,21 +841,33 @@ export const SwitchModelModal = ({
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
) : providerErrors[provider] ? (
|
) : providerErrors[provider] ? (
|
||||||
/* Show error message when provider failed to connect */
|
/* Show error with custom model input so users aren't stuck */
|
||||||
<div className="rounded-md bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 p-3">
|
<div className="flex flex-col gap-2">
|
||||||
<div className="flex items-start">
|
<div className="rounded-md bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 p-3">
|
||||||
<div className="flex-1">
|
<div className="flex items-start">
|
||||||
<h3 className="text-sm font-medium text-red-800 dark:text-red-200">
|
<div className="flex-1">
|
||||||
{intl.formatMessage(i18n.couldNotContactProvider)}
|
<h3 className="text-sm font-medium text-yellow-800 dark:text-yellow-200">
|
||||||
</h3>
|
{intl.formatMessage(i18n.couldNotContactProvider)}
|
||||||
<div className="mt-1 text-sm text-red-700 dark:text-red-300">
|
</h3>
|
||||||
{providerErrors[provider]}
|
<div className="mt-1 text-sm text-yellow-700 dark:text-yellow-300">
|
||||||
</div>
|
{providerErrors[provider]}
|
||||||
<div className="mt-2 text-xs text-red-600 dark:text-red-400">
|
</div>
|
||||||
{intl.formatMessage(i18n.checkProviderConfig)}
|
<div className="mt-2 text-xs text-yellow-600 dark:text-yellow-400">
|
||||||
|
{intl.formatMessage(i18n.checkProviderConfig)}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<label className="text-sm text-text-secondary">{intl.formatMessage(i18n.customModelName)}</label>
|
||||||
|
<Input
|
||||||
|
className="border-2 px-4 py-5"
|
||||||
|
placeholder={intl.formatMessage(i18n.typeModelName)}
|
||||||
|
onChange={(event) => setModel(event.target.value)}
|
||||||
|
value={model}
|
||||||
|
/>
|
||||||
|
{attemptedSubmit && validationErrors.model && (
|
||||||
|
<div className="text-red-500 text-sm mt-1">{validationErrors.model}</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
) : !isCustomModel ? (
|
) : !isCustomModel ? (
|
||||||
<div>
|
<div>
|
||||||
|
|||||||
Reference in New Issue
Block a user