feat: 최신이슈 각 탭별 기본 이미지

Moaguide-develop · Oct 9, 2024 · c6ac80e · c6ac80e
1 parent 0076498
commit c6ac80e
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 3 deletions.
diff --git a/public/images/home/default-art.png b/public/images/home/default-art.png
diff --git a/public/images/home/default-contents.png b/public/images/home/default-contents.png
diff --git a/public/images/home/default-cow.png b/public/images/home/default-cow.png
diff --git a/public/images/home/default-entertainment.png b/public/images/home/default-entertainment.png
diff --git a/public/images/home/default-real-estate.png b/public/images/home/default-real-estate.png
diff --git a/src/components/recentlyIssue/CategoryNewsItem.tsx b/src/components/recentlyIssue/CategoryNewsItem.tsx
@@ -5,12 +5,23 @@ import Link from 'next/link';
 import React from 'react';
 
 const CategoryNewsItem = ({ id, title, category, link, date, imgUrl }: IssueListItem) => {
+
+  const defaultImages: { [key: string]: string } = {
+    'building': '/images/home/default-real-estate.png',
+    'music': '/images/home/default-entertainment.png',
+    'cow': '/images/home/default-cow.png',
+    'art': '/images/home/default-art.png',
+    'content': '/images/home/default-contents.png',
+  };
+
+  const imageSrc = (!imgUrl || imgUrl === "No image" || imgUrl === "null") ? defaultImages[category] : imgUrl;
+
   return (
     <Link href={link} target="_blank">
       <div className="mt-5 pb-5 border-b border-gray100 flex gap-5 items-center cursor-pointer">
         <div>
           <img
-            src={imgUrl}
+            src={imageSrc}
             alt="img"
             className="w-[132px] h-[93px] rounded-[12px]"
           />
@@ -22,7 +33,6 @@ const CategoryNewsItem = ({ id, title, category, link, date, imgUrl }: IssueList
               {formatCategory(category)}
             </div>
             <div className="text-caption3 sm:text-body7 text-gray300">
-              {' '}
               {format(parseISO(date), 'yyyy.MM.dd')}
             </div>
           </div>
@@ -32,4 +42,4 @@ const CategoryNewsItem = ({ id, title, category, link, date, imgUrl }: IssueList
   );
 };
 
-export default CategoryNewsItem;
+export default CategoryNewsItem;