From d88c096c541ad96a0e32c462f36e949cc26b8070 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Mon, 19 Aug 2024 22:46:18 +0700
Subject: [PATCH] fix: disable remote model when user did not setup apiKey, and
 change cursor when disabled (#3415)

---
 web/containers/ModelDropdown/index.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/containers/ModelDropdown/index.tsx b/web/containers/ModelDropdown/index.tsx
index f124bc2e4..dc2a05af6 100644
--- 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)
                               }}
                             >