feat: 탐색페이지 data 없을떄 처리

Here-You · Feb 18, 2024 · 75e230e · 75e230e
1 parent ae6bb0c
commit 75e230e
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/components/explore/SignatureSearchSlider.jsx b/src/components/explore/SignatureSearchSlider.jsx
@@ -15,6 +15,12 @@ const SignatureSearchSlider = ({ data, type, searchTerm }) => {
         <S.Title>"{searchTerm}" 에 관한 시그니처⭐</S.Title>
       )}
       <S.PreviewContainer>
+        {data?.length === 0 && (
+          <S.EmptyContainer>
+            {type === 'hot' && <h3>시그니처를 작성해주세요~!</h3>}
+            {type === 'new' && <h3>시그니처를 작성해주세요~!</h3>}
+          </S.EmptyContainer>
+        )}
         {data === null ? (
           <S.EmptyContainer>
             <S.Text>로그인 후</S.Text>