[SWM-363] Fix : encode keyword in search API

4m9d · Oct 26, 2023 · 044b327 · 044b327
1 parent bce3f40
commit 044b327
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/app/search/page.tsx b/src/app/search/page.tsx
@@ -22,24 +22,22 @@ export default function SearchResults({ searchParams }: Props) {
   ]) as LectureRecommendations;
 
   const requestParam: SearchLectureParams = {
-    keyword: searchParams.keyword ?? '',
+    keyword: decodeURIComponent(searchParams.keyword ?? ''),
     limit: searchParams.limit ? Number(searchParams.limit) : LIMIT_PER_FETCH,
     next_page_token: '',
     filter: searchParams.filter ? searchParams.filter : 'all'
   };
 
-  const decodedKeyword = decodeURIComponent(requestParam.keyword);
-
   useLayoutEffect(() => {
     window.scrollTo({ top: 0 });
   }, []);
 
   return (
     <>
-      <title>{getPageTitle(`'${decodedKeyword}' 검색 결과`)}</title>
+      <title>{getPageTitle(`'${requestParam.keyword}' 검색 결과`)}</title>
       <div className='py-20 bg-sroom-gray-200'>
         <section className='max-w-screen-xl px-4 mx-auto lg:px-24'>
-          <SearchResultsHeading keyword={decodedKeyword} />
+          <SearchResultsHeading keyword={requestParam.keyword} />
           <Suspense
             fallback={
               <SearchResultsSkeleton

diff --git a/src/components/search/SearchResultsList.tsx b/src/components/search/SearchResultsList.tsx
@@ -32,6 +32,7 @@ export default async function SearchResultsList({
   const fetchSearchResults = async ({ pageParam: next_page_token = '' }) => {
     const params: SearchLectureParams = {
       ...requestParam,
+      keyword: encodeURIComponent(requestParam.keyword),
       next_page_token,
       filter
     };