feat: add empty view on category search page (#347)

sharemindteam · Jul 14, 2024 · 02462b4 · 02462b4
1 parent def9d31
commit 02462b4
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/src/components/Buyer/BuyerCategoryResult/CategorySearchResult.tsx b/src/components/Buyer/BuyerCategoryResult/CategorySearchResult.tsx
@@ -3,6 +3,7 @@ import { AppendCategoryType } from 'utils/AppendCategoryType';
 import { consultStyleToCharNum } from 'utils/convertStringToCharNum';
 import { Flex } from 'components/Common/Flex';
 import CounselorCard from 'components/Common/CounselorCard';
+import EmptySection from 'components/Common/EmptySection';
 interface CategorySearchResultsProps {
   searchData: SearchResultData[];
 }
@@ -11,6 +12,10 @@ interface CategorySearchResultsProps {
 export const CategorySearchResults = ({
   searchData,
 }: CategorySearchResultsProps) => {
+  if (searchData.length === 0) {
+    return <EmptySection title="검색 결과가 없어요." />;
+  }
+
   return (
     <Flex direction="column" gap="0.8rem" style={{ padding: '0 2rem' }}>
       {searchData.map((value) => {

diff --git a/src/pages/Buyer/BuyerCategoryResult.tsx b/src/pages/Buyer/BuyerCategoryResult.tsx
@@ -110,6 +110,7 @@ export const BuyerCategoryResult = () => {
       preventRef.current = true;
     }
   };
+
   //현재 대상 및 option을 props로 전달
   const { setTarget } = useIntersectionObserver({
     root: null,

diff --git a/src/utils/type.ts b/src/utils/type.ts
@@ -134,6 +134,7 @@ export type WishlistDataType = {
   ratingAverage: number;
   totalReview: number;
 };
+
 export interface PaymentInfo {
   paymentId: number;
   nickname: string;