feat(SearchPage): 검색 타입 Tab 추가

woowacourse-teams · Sep 25, 2024 · c666cab · c666cab
1 parent 0010fd3
commit c666cab
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/frontend/src/components/pages/search/SearchPage.tsx b/frontend/src/components/pages/search/SearchPage.tsx
@@ -29,7 +29,16 @@ const SearchPage = () => {
   return (
     <S.Layout>
       <FloatingButton />
+      <Tab
+        labels={["제목", "작성자"]}
+        tabContent={(selectedIndex) => (
+          <TravelogueList
+            key={`${keyword}-${selectedIndex}`}
+            keyword={keyword}
+            searchType={selectedIndex === 0 ? "TITLE" : "AUTHOR"}
+          />
         )}
+        css={S.TabStyle}
       />
     </S.Layout>
   );