From a6c6956cbdf3198e9d80689b316358b37a767e58 Mon Sep 17 00:00:00 2001
From: djohnson <mr.demarcus.johnson@gmail.com>
Date: Sun, 14 Jul 2024 14:01:05 +0200
Subject: [PATCH] Connection settings should have a link to the models

---
 src/components/HostInput.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/HostInput.tsx b/src/components/HostInput.tsx
index 7e376ce..83d7c97 100644
--- a/src/components/HostInput.tsx
+++ b/src/components/HostInput.tsx
@@ -26,9 +26,13 @@ const HostInput = observer(({ connection, isEnabled }: HostInputProps) => {
 
   const isDirty = dirtyFields.host
 
-  const modelsFoundLabel = isDirty
-    ? 'Save to see model length'
-    : `${connection.models.length} models found`
+  const modelsFoundLabel = isDirty ? (
+    'Save to see model length'
+  ) : (
+    <button className="link" onClick={() => settingStore.openSettingsModal('models')}>
+      {connection.models.length} models found
+    </button>
+  )
 
   return (
     <Controller
@@ -48,7 +52,7 @@ const HostInput = observer(({ connection, isEnabled }: HostInputProps) => {
               >
                 <Question />
               </button>
-              <span className="ml-auto pl-2">{modelsFoundLabel}</span>
+              <span className="ml-auto pl-2 text-sm">{modelsFoundLabel}</span>
             </span>
           }
           endContent={