From 9069348fd7b710888442b1c415087f6c8d1c81f6 Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Wed, 1 Jan 2025 15:32:08 +0800
Subject: [PATCH] =?UTF-8?q?card=E7=BB=84=E4=BB=B6=E5=A4=9A=E4=BD=99=20?=
 =?UTF-8?q?=E7=9B=B4=E6=8E=A5=E7=A7=BB=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/heo/components/HexoCard.js           | 10 ----
 themes/heo/components/HexoRecentComments.js | 62 ++++++++++++++-------
 2 files changed, 41 insertions(+), 31 deletions(-)
 delete mode 100644 themes/heo/components/HexoCard.js

diff --git a/themes/heo/components/HexoCard.js b/themes/heo/components/HexoCard.js
deleted file mode 100644
index 0806dc28..00000000
--- a/themes/heo/components/HexoCard.js
+++ /dev/null
@@ -1,10 +0,0 @@
-const Card = ({ children, headerSlot, className }) => {
-  return <div className={className}>
-    <>{headerSlot}</>
-    <section className="card shadow-md hover:shadow-md dark:text-gray-300 border dark:border-black rounded-xl lg:p-6 p-4 bg-white dark:bg-hexo-black-gray lg:duration-100">
-        {children}
-    </section>
-  </div>
-}
-export default Card
-
diff --git a/themes/heo/components/HexoRecentComments.js b/themes/heo/components/HexoRecentComments.js
index 661654dc..354e2182 100644
--- a/themes/heo/components/HexoRecentComments.js
+++ b/themes/heo/components/HexoRecentComments.js
@@ -1,16 +1,15 @@
-import Card from '@./HexoCard'
-import { useGlobal } from '@/lib/global'
-import Link from 'next/link'
-import { RecentComments } from '@waline/client'
-import { useEffect, useState } from 'react'
 import { siteConfig } from '@/lib/config'
+import { useGlobal } from '@/lib/global'
+import { RecentComments } from '@waline/client'
+import Link from 'next/link'
+import { useEffect, useState } from 'react'
 
 /**
  * @see https://waline.js.org/guide/get-started.html
  * @param {*} props
  * @returns
  */
-const HexoRecentComments = (props) => {
+const HexoRecentComments = props => {
   const [comments, updateComments] = useState([])
   const { locale } = useGlobal()
   const [onLoading, changeLoading] = useState(true)
@@ -25,22 +24,43 @@ const HexoRecentComments = (props) => {
   }, [])
 
   return (
-        <Card >
-            <div className=" mb-2 px-1 justify-between">
-                <i className="mr-2 fas fas fa-comment" />
-                {locale.COMMON.RECENT_COMMENTS}
+    <section className='card shadow-md hover:shadow-md dark:text-gray-300 border dark:border-black rounded-xl lg:p-6 p-4 bg-white dark:bg-hexo-black-gray lg:duration-100'>
+      <div className=' mb-2 px-1 justify-between'>
+        <i className='mr-2 fas fas fa-comment' />
+        {locale.COMMON.RECENT_COMMENTS}
+      </div>
+
+      {onLoading && (
+        <div>
+          Loading...
+          <i className='ml-2 fas fa-spinner animate-spin' />
+        </div>
+      )}
+      {!onLoading && comments && comments.length === 0 && (
+        <div>No Comments</div>
+      )}
+      {!onLoading &&
+        comments &&
+        comments.length > 0 &&
+        comments.map(comment => (
+          <div key={comment.objectId} className='pb-2 pl-1'>
+            <div
+              className='dark:text-gray-200 text-sm waline-recent-content wl-content'
+              dangerouslySetInnerHTML={{ __html: comment.comment }}
+            />
+            <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1 pr-2'>
+              <Link
+                href={{
+                  pathname: comment.url,
+                  hash: comment.objectId,
+                  query: { target: 'comment' }
+                }}>
+                --{comment.nick}
+              </Link>
             </div>
-
-            {onLoading && <div>Loading...<i className='ml-2 fas fa-spinner animate-spin' /></div>}
-            {!onLoading && comments && comments.length === 0 && <div>No Comments</div>}
-            {!onLoading && comments && comments.length > 0 && comments.map((comment) => <div key={comment.objectId} className='pb-2 pl-1'>
-                <div className='dark:text-gray-200 text-sm waline-recent-content wl-content' dangerouslySetInnerHTML={{ __html: comment.comment }} />
-                <div className='dark:text-gray-400 text-gray-400  text-sm text-right cursor-pointer hover:text-red-500 hover:underline pt-1 pr-2'>
-                    <Link href={{ pathname: comment.url, hash: comment.objectId, query: { target: 'comment' } }}>--{comment.nick}</Link>
-                </div>
-            </div>)}
-
-        </Card>
+          </div>
+        ))}
+    </section>
   )
 }