diff --git a/components/Search.tsx b/components/Search.tsx index e695f81..b40b891 100644 --- a/components/Search.tsx +++ b/components/Search.tsx @@ -26,8 +26,8 @@ const Search = (): JSX.Element => { } return <> -
- setHidden(false)} onBlur={() => setHidden(true)} className='bg-transparent flex-grow outline-none border-none shadow border-0 py-3 px-7 pr-20 h-16 text-xl' placeholder='검색...' value={query} onChange={(e)=> { +
setHidden(false)} onBlur={() => setTimeout(() => setHidden(true), 80)} className='relative w-full mt-5 text-black bg-white dark:text-gray-100 dark:bg-very-black flex rounded-lg z-30'> + { SearchResults(e.target.value) }} />
- ) : loading ?
  • 검색중입니다...
  • :
  • {query && data ? data?.errors && data.errors[0] || data.message : query.length < 3 ? '최소 2글자 이상 입력해주세요.' : '검색어를 입력해주세요.'}
  • + ) : loading ?
  • 검색중입니다...
  • :
  • {query && data ? data.errors && data.errors[0] || data.message?.includes('문법') ? <>검색 문법이 잘못되었습니다.
    더 알아보기 : data.message : query.length < 3 ? '최소 2글자 이상 입력해주세요.' : '검색어를 입력해주세요.'}
  • }