From e71070ac03497e23c25eb9d7d0bf1c65adc35573 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Tue, 19 Dec 2023 21:10:56 +0700
Subject: [PATCH] fix: search recommended model

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

diff --git a/web/screens/ExploreModels/index.tsx b/web/screens/ExploreModels/index.tsx
index 1af2b436d..3c42d2c11 100644
--- a/web/screens/ExploreModels/index.tsx
+++ b/web/screens/ExploreModels/index.tsx
@@ -3,10 +3,6 @@ import { useState } from 'react'
 import {
   Input,
   ScrollArea,
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-  TooltipArrow,
   Select,
   SelectTrigger,
   SelectValue,
@@ -17,10 +13,6 @@ import {
 
 import { SearchIcon } from 'lucide-react'
 
-import { Code2Icon, UserIcon } from 'lucide-react'
-
-import { twMerge } from 'tailwind-merge'
-
 import Loader from '@/containers/Loader'
 
 import { useGetConfiguredModels } from '@/hooks/useGetConfiguredModels'
@@ -32,7 +24,6 @@ import ExploreModelList from './ExploreModelList'
 const ExploreModelsScreen = () => {
   const { loading, models } = useGetConfiguredModels()
   const [searchValue, setsearchValue] = useState('')
-  const [tabActive, setTabActive] = useState('Model')
   const { downloadedModels } = useGetDownloadedModels()
   const [sortSelected, setSortSelected] = useState('All Models')
   const sortMenu = ['All Models', 'Recommended', 'Downloaded']
@@ -45,8 +36,8 @@ const ExploreModelsScreen = () => {
       )
     } else if (sortSelected === 'Recommended') {
       return (
-        x.metadata.tags.includes('Featured') ||
-        x.metadata.tags.includes('Recommended')
+        x.name.toLowerCase().includes(searchValue.toLowerCase()) &&
+        x.metadata.tags.includes('Featured')
       )
     } else {
       return x.name.toLowerCase().includes(searchValue.toLowerCase())