From 94be30b623dad64ffa593f639fc298adffef004c Mon Sep 17 00:00:00 2001
From: wonderlandpark <wonderlandpark@outlook.kr>
Date: Sun, 16 May 2021 20:36:47 +0900
Subject: [PATCH] chore: improved message for empty category

close: https://github.com/koreanbots/v2-testing/issues/100
---
 pages/404.tsx                   | 4 ++--
 pages/categories/[category].tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/404.tsx b/pages/404.tsx
index c327297..50f974b 100644
--- a/pages/404.tsx
+++ b/pages/404.tsx
@@ -1,7 +1,7 @@
 import { NextPage } from 'next'
 import { ErrorText } from '@utils/Constants'
 
-const NotFound: NextPage = () => {
+const NotFound: NextPage<{ message?: string }> = ({ message }) => {
 	return (
 		<div
 			className='flex items-center justify-center h-screen select-none text-center'
@@ -13,7 +13,7 @@ const NotFound: NextPage = () => {
 					4
 				</div>
 				<h2 className='text-2xl font-semibold'>
-					{ErrorText[404]}
+					{message || ErrorText[404]}
 				</h2>
 			</div>
 			
diff --git a/pages/categories/[category].tsx b/pages/categories/[category].tsx
index 3277b8c..4f1cec3 100644
--- a/pages/categories/[category].tsx
+++ b/pages/categories/[category].tsx
@@ -26,7 +26,7 @@ const Category: NextPage<CategoryProps> = ({ data, query }) => {
 	useEffect(() => {
 		setNSFW(localStorage.nsfw)
 	}, [])
-	if(!data || data.data.length === 0 || data.totalPage < Number(query.page)) return <NotFound />
+	if(!data || data.data.length === 0 || data.totalPage < Number(query.page)) return <NotFound message={data.data.length === 0 ? '해당 카테고리에 해당되는 봇이 존재하지 않습니다.' : null} />
 	return <>
 		<Hero header={`${query.category} 카테고리 봇들`} description={`다양한 "${query.category}" 카테고리의 봇들을 만나보세요.`} />
 		<SEO title={`${query.category} 카테고리 봇들`} description={`다양한 ${query.category} 카테고리의 봇들을 만나보세요.`} />