Merge pull request #321 from FRONTENDBOOTCAMP-11th/bug/#288-QA

🐛 TypeSelector 타입 오류 해결
FRONTENDBOOTCAMP-11th · Jan 21, 2025 · 4b04bb7 · 4b04bb7
2 parents 527a872 + 72e5765
commit 4b04bb7
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/src/components/TypeSelector.tsx b/src/components/TypeSelector.tsx
@@ -1,16 +1,22 @@
 interface TypeSelectorTypes {
   productsType: string;
   setProductsType: (type: string) => void;
-  onClick: (page: number) => void;
+  onClick?: (page: number) => void;
 }
 
-const TypeSelector = ({ productsType, setProductsType, onClick }: TypeSelectorTypes) => {
+const TypeSelector = ({
+  productsType,
+  setProductsType,
+  onClick,
+}: TypeSelectorTypes) => {
   return (
     <div className="bg-white p-[2px] rounded-[5px] flex border">
       <button
         type="button"
         onClick={() => {
-          onClick(1)
+          if (onClick) {
+            onClick(1);
+          }
           setProductsType('buy');
         }}
         className={`text-[14px] w-[50%] py-3 rounded-[5px] font-medium ${
@@ -21,9 +27,11 @@ const TypeSelector = ({ productsType, setProductsType, onClick }: TypeSelectorTy
       </button>
 
       <button
-      type="button"
+        type="button"
         onClick={() => {
-          onClick(1)
+          if (onClick) {
+            onClick(1);
+          }
           setProductsType('sell');
         }}
         className={`text-[14px] w-[50%] py-3 rounded-[5px] font-medium ${

diff --git a/src/pages/search/searchPage.tsx b/src/pages/search/searchPage.tsx
@@ -137,7 +137,7 @@ const SearchPage: React.FC = () => {
               </button>
               <Select meetingLocation={location} setMeetingLocation={setLocation} />
             </div>
-            <TypeSelector productsType={type} setProductsType={setType} />
+            <TypeSelector productsType={type} setProductsType={setType}/>
           </div>
 
           {/* 검색 결과 */}