From d9f875b5391129444e7ff5fedc4118993632759d Mon Sep 17 00:00:00 2001 From: Michael Novotny Date: Mon, 18 Sep 2023 15:25:03 -0500 Subject: [PATCH] Removes unnecessary search state (#1201) --- components/layout/navbar/search.tsx | 12 ++---------- 1 file changed, 2 insertions(+), 10 deletions(-) diff --git a/components/layout/navbar/search.tsx b/components/layout/navbar/search.tsx index c7a410b9d..57032a035 100644 --- a/components/layout/navbar/search.tsx +++ b/components/layout/navbar/search.tsx @@ -1,19 +1,12 @@ 'use client'; -import { useRouter, useSearchParams } from 'next/navigation'; -import { useEffect, useState } from 'react'; - 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(); - const [searchValue, setSearchValue] = useState(''); - - useEffect(() => { - setSearchValue(searchParams?.get('q') || ''); - }, [searchParams, setSearchValue]); function onSubmit(e: React.FormEvent) { e.preventDefault(); @@ -38,8 +31,7 @@ export default function Search() { name="search" placeholder="Search for products..." autoComplete="off" - value={searchValue} - onChange={(e) => setSearchValue(e.target.value)} + defaultValue={searchParams?.get('q') || ''} className="w-full rounded-lg border bg-white px-4 py-2 text-sm text-black placeholder:text-neutral-500 dark:border-neutral-800 dark:bg-transparent dark:text-white dark:placeholder:text-neutral-400" />