MCP-RSS-Crawler

import { useState, FormEvent } from 'react'; import { useRouter } from 'next/navigation'; export default function SearchBar() { const [query, setQuery] = useState(''); const router = useRouter(); const handleSubmit = (e: FormEvent) => { e.preventDefault(); if (query.trim()) { router.push(`/search?q=${encodeURIComponent(query.trim())}`); } }; return ( <form onSubmit={handleSubmit} className="w-full max-w-md"> <div className="flex items-center border border-gray-300 rounded-lg overflow-hidden"> <input type="text" value={query} onChange={(e) => setQuery(e.target.value)} placeholder="Search feed items..." className="flex-grow px-4 py-2 focus:outline-none" /> <button type="submit" className="bg-blue-600 text-white px-4 py-2 hover:bg-blue-700 focus:outline-none" > Search </button> </div> </form> ); }