From f26ed55b280a4731ae568fb0d73d3c35da28ef39 Mon Sep 17 00:00:00 2001
From: "Mr.Hope" <mister-hope@outlook.com>
Date: Sat, 11 Mar 2023 13:49:12 +0800
Subject: [PATCH] chore(admin): refine ArticleList (#235)

---
 .../src/components/ArticleList/index.tsx      | 47 ++++++++++---------
 1 file changed, 25 insertions(+), 22 deletions(-)

diff --git a/packages/admin/src/components/ArticleList/index.tsx b/packages/admin/src/components/ArticleList/index.tsx
index 27b963a25..6578bce47 100644
--- a/packages/admin/src/components/ArticleList/index.tsx
+++ b/packages/admin/src/components/ArticleList/index.tsx
@@ -1,27 +1,30 @@
 import { getRecentTimeDes } from '@/services/van-blog/tool';
 import './index.css';
-export default function (props: {
+
+export default ({
+  articles,
+  showViewerNum,
+  showRecentViewTime,
+}: {
+  // FIXME: Add Article type
   articles: any[];
   showViewerNum: boolean;
   showRecentViewTime: boolean;
-}) {
-  return (
-    <div>
-      {props.articles.map((article) => {
-        return (
-          <a
-            className="article-list-item  uaa"
-            key={article.id}
-            href={`/post/${article.id}`}
-            target={'_blank'}
-            rel="noreferrer"
-          >
-            <div className="">{article.title}</div>
-            {props.showViewerNum && <div>{`${article.viewer || 0}人次`}</div>}
-            {props.showRecentViewTime && <div>{getRecentTimeDes(article.lastVisitedTime)}</div>}
-          </a>
-        );
-      })}
-    </div>
-  );
-}
+}) => (
+  <div>
+    {articles.map(({ id, title, viewer = 0, lastVisitedTime }) => (
+      <a
+        // FIXME: uaa is not a good name
+        className="article-list-item uaa"
+        key={id}
+        href={`/post/${id}`}
+        target="_blank"
+        rel="noreferrer"
+      >
+        <div className="">{title}</div>
+        {showViewerNum && <div>{`${viewer || 0}人次`}</div>}
+        {showRecentViewTime && <div>{getRecentTimeDes(lastVisitedTime)}</div>}
+      </a>
+    ))}
+  </div>
+);
\ No newline at end of file