From e1d436ba53c693751d67c92807acb84d209650d8 Mon Sep 17 00:00:00 2001
From: jinyoung <danroom85@gmail.com>
Date: Fri, 6 Oct 2023 18:44:47 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20creators=20=ED=8E=98=EC=9D=B4=EC=A7=80?=
 =?UTF-8?q?=20input=20=EB=82=B4=EC=9A=A9=EC=9C=BC=EB=A1=9C=20=EC=A1=B0?=
 =?UTF-8?q?=ED=9A=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/creators/page.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/app/creators/page.tsx b/app/creators/page.tsx
index 5dcef80..4436c2e 100644
--- a/app/creators/page.tsx
+++ b/app/creators/page.tsx
@@ -7,11 +7,13 @@ import CreatorsList from '@/ui/creatorsPage/CreatorsList';
 import { searchCreatorsFromAlgolia } from '@/server/controllers/creators';
 import { use, useState } from 'react';
 import NavigationTab from '@/components/NavigationTab';
-import { useSearchParams } from 'next/navigation';
+import { useRouter, useSearchParams } from 'next/navigation';
 
 export default function Page() {
+  const router = useRouter();
+  const searchParams = useSearchParams();
   const [inputs, setInputs] = useState({
-    creators: '',
+    creators: searchParams.get('search') ?? '',
     lectures: '',
   });
 
@@ -22,11 +24,15 @@ export default function Page() {
     });
   };
 
+  const handleSearchButton = () => {
+    router.push(`/creators?search=${inputs.creators}`);
+  };
+
   return (
     <>
       <PageLayout.TopFixed>
         <Header />
-        <Input id="creators" value={inputs.creators} onChange={handleChange} placeholder="크리에이터 검색" />
+        <Input id="creators" value={inputs.creators} onChange={handleChange} placeholder="크리에이터 검색" onClickSearchButton={handleSearchButton} />
       </PageLayout.TopFixed>
       <PageLayout.Contents>
         <NavigationTab />