From ab31eb9c4998f1c06ac9dd5dc7fb937b9eab9e75 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9B=90=EB=8D=94?= <wonderbotsupport@naver.com>
Date: Tue, 9 Feb 2021 19:11:14 +0900
Subject: [PATCH] feat: added length limit for search

close: https://github.com/koreanbots/v2-testing/issues/45
---
 components/Search.tsx | 2 +-
 utils/Yup.ts          | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/Search.tsx b/components/Search.tsx
index fb019d3..c11373e 100644
--- a/components/Search.tsx
+++ b/components/Search.tsx
@@ -27,7 +27,7 @@ const Search = (): JSX.Element => {
 	}
 	return <>
 		<div className='relative w-full mt-5 text-black bg-white dark:text-gray-100 dark:bg-very-black flex rounded-lg'>
-			<input onFocus={() => 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)=> {
+			<input maxLength={50} onFocus={() => 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)=> {
 				SearchResults(e.target.value)
 			}} />
 			<button className='outline-none cusor-pointer absolute right-0 top-0 mt-5 mr-5'>
diff --git a/utils/Yup.ts b/utils/Yup.ts
index 0a93c40..3513fd9 100644
--- a/utils/Yup.ts
+++ b/utils/Yup.ts
@@ -54,8 +54,8 @@ interface OauthCallback {
 }
 
 export const SearchQuerySchema: Yup.SchemaOf<SearchQuery> = Yup.object({
-	q: Yup.string().min(2, '최소 2글자 이상 입력해주세요.').required('검색어를 입력해주세요.'),
-	page: Yup.number().positive().integer().notRequired().default(1)
+	q: Yup.string().min(2, '최소 2글자 이상 입력해주세요.').max(50).required('검색어를 입력해주세요.').label('검색어'),
+	page: Yup.number().positive().integer().notRequired().default(1).label('페이지')
 })
 
 interface SearchQuery {