'use client'; import { MagnifyingGlassIcon } from '@heroicons/react/24/outline'; import { createUrl } from 'lib/utils'; import { useRouter, useSearchParams } from 'next/navigation'; export default function Search() { const router = useRouter(); const searchParams = useSearchParams(); function onSubmit(e: React.FormEvent) { e.preventDefault(); const val = e.target as HTMLFormElement; const search = val.search as HTMLInputElement; const newParams = new URLSearchParams(searchParams.toString()); if (search.value) { newParams.set('q', search.value); } else { newParams.delete('q'); } router.push(createUrl('/search', newParams)); } return (
); } export function SearchSkeleton() { return (
); }