mirror of
https://github.com/simstudioai/sim.git
synced 2026-04-28 03:00:29 -04:00
ad100fa871
* improvement(landing, blog): SEO and GEO optimization * improvement(docs): ui/ux cleanup * chore(blog): remove unused buildBlogJsonLd export and wordCount schema field * fix(blog): stack related posts vertically on mobile and fill all suggestion slots - Add flex-col sm:flex-row and matching border classes to related posts nav for consistent mobile stacking with the main blog page - Remove score > 0 filter in getRelatedPosts so it falls back to recent posts when there aren't enough tag matches - Align description text color with main page cards
31 lines
833 B
TypeScript
31 lines
833 B
TypeScript
'use client'
|
|
|
|
import { Search } from 'lucide-react'
|
|
|
|
export function SearchTrigger() {
|
|
const handleClick = () => {
|
|
const event = new KeyboardEvent('keydown', {
|
|
key: 'k',
|
|
metaKey: true,
|
|
bubbles: true,
|
|
})
|
|
document.dispatchEvent(event)
|
|
}
|
|
|
|
return (
|
|
<button
|
|
type='button'
|
|
data-search-trigger
|
|
className='flex h-8 w-[360px] cursor-pointer items-center gap-2 rounded-lg border border-border/50 bg-fd-muted/50 px-3 text-[13px] text-fd-muted-foreground transition-colors hover:bg-fd-muted'
|
|
onClick={handleClick}
|
|
>
|
|
<Search className='h-3.5 w-3.5' />
|
|
<span>Search...</span>
|
|
<kbd className='ml-auto flex items-center font-medium'>
|
|
<span className='text-[15px]'>⌘</span>
|
|
<span className='text-[12px]'>K</span>
|
|
</kbd>
|
|
</button>
|
|
)
|
|
}
|