공지사항 /홈 / 리스트 / 상세

src/entities/home/ui/home-notice-item.tsx

@@ -1,31 +1,41 @@
+import { NoticeItemProps } from '@/entities/support/model/types';
+import { IMAGE_ROOT } from '@/shared/constants/common';
 import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
-import { NoticeItemProps } from '../model/types';
+import moment from 'moment';
 
 export const HomeNoticeItem = ({
+  id,
   title,
-  meta1,
-  meta2,
-  img
+  category,
+  regDate,
+  isNew
 }: NoticeItemProps) => {
   const { navigate } = useNavigate();
 
-  const onClickToNavigate = (path: string) => {
-    navigate(path + '14');
+  const onClickToDetail = () => {
+    navigate(PATHS.support.notice.detail, {
+      state: {
+        id: id
+      }
+    })
   };
 
   return (
     <>
-      <div className="notice-item">
+      <div 
+        className="notice-item"
+        onClick={ () => onClickToDetail() }
+      >
         <div className="notice-content">
           <div className="notice-title">{ title }</div>
-          <div className="notice-meta">{ meta1}<span>{ meta2 }</span></div>
+          <div className="notice-meta">{ category}<span>{ moment(regDate).format('YY년 MM월 DD일') }</span></div>
         </div>
-        <div 
-          className="notice-arrow"
-          onClick={ () => onClickToNavigate(PATHS.support.notice.detail) }
-        >
-          <img src={ img } alt="공지사항 바로가기" />
+        <div className="notice-arrow">
+          <img 
+            src={ IMAGE_ROOT + '/Forward.svg' } 
+            alt="공지사항 바로가기" 
+          />
         </div>
       </div>
     </>