@@ -184,12 +184,14 @@ const allTools = [
184184] ;
185185
186186import { Search } from "lucide-react" ;
187- import { useState , useEffect , useMemo } from "react" ;
188187import { useSearchParams } from "next/navigation" ;
188+ import { useEffect , useMemo , useState } from "react" ;
189189
190190export default function ExplorePage ( ) {
191191 const searchParams = useSearchParams ( ) ;
192- const [ searchQuery , setSearchQuery ] = useState ( searchParams . get ( "search" ) || "" ) ;
192+ const [ searchQuery , setSearchQuery ] = useState (
193+ searchParams . get ( "search" ) || "" ,
194+ ) ;
193195
194196 useEffect ( ( ) => {
195197 const search = searchParams . get ( "search" ) ;
@@ -207,7 +209,7 @@ export default function ExplorePage() {
207209 ( tool ) =>
208210 tool . name . toLowerCase ( ) . includes ( query ) ||
209211 tool . handle . toLowerCase ( ) . includes ( query ) ||
210- tool . description . toLowerCase ( ) . includes ( query )
212+ tool . description . toLowerCase ( ) . includes ( query ) ,
211213 ) ;
212214 } , [ searchQuery ] ) ;
213215
@@ -251,7 +253,8 @@ export default function ExplorePage() {
251253 { /* Results count */ }
252254 < div className = "flex items-center justify-between mb-8" >
253255 < p className = "text-sm font-medium text-gray-400/80" >
254- { filteredTools . length } { filteredTools . length === 1 ? "server" : "servers" } found
256+ { filteredTools . length } { " " }
257+ { filteredTools . length === 1 ? "server" : "servers" } found
255258 </ p >
256259 </ div >
257260
@@ -263,7 +266,10 @@ export default function ExplorePage() {
263266 key = { tool . id }
264267 initial = { { opacity : 0 , y : 20 } }
265268 animate = { { opacity : 1 , y : 0 } }
266- transition = { { duration : 0.4 , delay : Math . min ( index * 0.03 , 0.3 ) } }
269+ transition = { {
270+ duration : 0.4 ,
271+ delay : Math . min ( index * 0.03 , 0.3 ) ,
272+ } }
267273 >
268274 < ToolCard tool = { tool } />
269275 </ motion . div >
@@ -273,9 +279,7 @@ export default function ExplorePage() {
273279 < div className = "inline-flex items-center justify-center w-16 h-16 rounded-full bg-white/5 mb-4" >
274280 < Search className = "w-8 h-8 text-gray-500" />
275281 </ div >
276- < p className = "text-xl text-gray-400 mb-2" >
277- No servers found
278- </ p >
282+ < p className = "text-xl text-gray-400 mb-2" > No servers found</ p >
279283 < p className = "text-sm text-gray-500" >
280284 Try searching with different keywords
281285 </ p >
0 commit comments