From dadda55d99821468b02c757c91c13db9e0c13127 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Mon, 25 Dec 2023 18:44:32 +0700
Subject: [PATCH] feat: temporary link how to import model

---
 web/screens/ExploreModels/index.tsx | 33 +++++++++++++++++++----------
 1 file changed, 22 insertions(+), 11 deletions(-)

diff --git a/web/screens/ExploreModels/index.tsx b/web/screens/ExploreModels/index.tsx
index 3c42d2c110..cc053239f1 100644
--- a/web/screens/ExploreModels/index.tsx
+++ b/web/screens/ExploreModels/index.tsx
@@ -58,17 +58,28 @@ const ExploreModelsScreen = () => {
                 className="w-full object-cover"
               />
               <div className="absolute left-1/2 top-1/2 w-1/3 -translate-x-1/2 -translate-y-1/2">
-                <SearchIcon
-                  size={20}
-                  className="absolute left-2 top-1/2 -translate-y-1/2 text-muted-foreground"
-                />
-                <Input
-                  placeholder="Search models"
-                  className="bg-white pl-9 dark:bg-background"
-                  onChange={(e) => {
-                    setsearchValue(e.target.value)
-                  }}
-                />
+                <div className="relative">
+                  <SearchIcon
+                    size={20}
+                    className="absolute left-2 top-1/2 -translate-y-1/2 text-muted-foreground"
+                  />
+                  <Input
+                    placeholder="Search models"
+                    className="bg-white pl-9 dark:bg-background"
+                    onChange={(e) => {
+                      setsearchValue(e.target.value)
+                    }}
+                  />
+                </div>
+                <div className="mt-2 text-center">
+                  <a
+                    href="https://jan.ai/guides/using-models/import-manually/"
+                    target="_blank"
+                    className="font-semibold text-white underline"
+                  >
+                    How to manually import models
+                  </a>
+                </div>
               </div>
             </div>
             <div className="mx-auto w-4/5 py-6">