fix: disable remote model when user did not setup apiKey, and change cursor when disabled (#3415)

2024-08-19 22:46:18 +07:00 · 2024-08-19 22:46:18 +07:00 · d88c096c54
commit d88c096c54
parent c4419632d6
1 changed files with 6 additions and 1 deletions
--- a/web/containers/ModelDropdown/index.tsx
+++ b/web/containers/ModelDropdown/index.tsx
@ -580,10 +580,15 @@ const ModelDropdown = ({
                              className={twMerge(
                                'cursor-pointer px-3 py-2 hover:bg-[hsla(var(--dropdown-menu-hover-bg))]',
                                !apiKey
-                                  ? 'cursor-disabled text-[hsla(var(--text-tertiary))]'
+                                  ? 'cursor-not-allowed text-[hsla(var(--text-tertiary))]'
                                  : 'text-[hsla(var(--text-secondary))]'
                              )}
                              onClick={() => {
+                                if (
+                                  !apiKey &&
+                                  !localEngines.includes(model.engine)
+                                )
+                                  return null
                                onClickModelItem(model.id)
                              }}
                            >