Connection settings should have a link to the models

mrdjohnson · Jul 14, 2024 · a6c6956 · a6c6956
1 parent 65a8eb9
commit a6c6956
Showing 1 changed file with 8 additions and 4 deletions.
diff --git 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={