From 309e42f4a152e0e64e09da6c8b87aaa40728fad1 Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Fri, 7 Jan 2022 10:55:06 +0800
Subject: [PATCH] =?UTF-8?q?feature:=20=E4=BE=A7=E8=BE=B9=E7=9B=AE=E5=BD=95?=
 =?UTF-8?q?=E9=A2=9C=E8=89=B2=E3=80=81=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/BlogPostListPage.js | 2 +-
 components/Progress.js         | 2 +-
 components/Tabs.js             | 4 ++--
 components/Toc.js              | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/BlogPostListPage.js b/components/BlogPostListPage.js
index 39e228d5..3527bf21 100644
--- a/components/BlogPostListPage.js
+++ b/components/BlogPostListPage.js
@@ -13,7 +13,7 @@ import BlogPostListEmpty from '@/components/BlogPostListEmpty'
  * @returns {JSX.Element}
  * @constructor
  */
-const BlogPostListPage = ({ page = 1, posts = [], tags }) => {
+const BlogPostListPage = ({ page = 1, posts = [] }) => {
   let filteredBlogPosts = posts
 
   // 处理查询过滤 支持标签、关键词过滤
diff --git a/components/Progress.js b/components/Progress.js
index 23ced0be..7e8a2550 100644
--- a/components/Progress.js
+++ b/components/Progress.js
@@ -25,7 +25,7 @@ const Progress = ({ targetRef, showPercent = true }) => {
   }, [percent])
 
   return (<div className='h-4 w-full shadow-2xl bg-gray-400'>
-      <div className='h-4 bg-gray-600 duration-200' style={{ width: `${percent}%` }}>
+      <div className='h-4 bg-red-400 duration-200' style={{ width: `${percent}%` }}>
         {showPercent && <div className='text-right text-white text-xs'>{percent}%</div>}
       </div>
   </div>)
diff --git a/components/Tabs.js b/components/Tabs.js
index 2655d48b..337d5715 100644
--- a/components/Tabs.js
+++ b/components/Tabs.js
@@ -30,10 +30,10 @@ const Tabs = ({ children }) => {
 
   return (
     <section >
-      {<div className='shadow hidden lg:block mb-5 py-4 px-5 bg-white dark:bg-gray-800  hover:shadow-xl duration-200'>
+      {<div className='shadow hidden lg:block mb-5 py-4 px-5 bg-white dark:bg-gray-800 hover:shadow-xl duration-200'>
         <ul className='flex justify-center space-x-5 pb-4 dark:text-gray-400 text-gray-600'>
           {children.map((item, index) => {
-            return <li key={index} className={currentTab === index ? 'font-black border-b' : 'font-extralight cursor-pointer'} onClick={() => { tabClickHandle(index) }}>
+            return <li key={index} className={currentTab === index ? 'font-black border-b-2 border-red-400 text-red-400 animate__animated animate__jello ' : 'font-extralight cursor-pointer'} onClick={() => { tabClickHandle(index) }}>
               {item?.key}
             </li>
           })}
diff --git a/components/Toc.js b/components/Toc.js
index dc543f98..9d8c6672 100644
--- a/components/Toc.js
+++ b/components/Toc.js
@@ -64,14 +64,14 @@ const Toc = ({ toc, targetRef }) => {
             key={id}
             href={`#${id}`}
             className={`notion-table-of-contents-item duration-300 transform font-light
-            notion-table-of-contents-item-indent-level-${tocItem.indentLevel} 
-            ${activeSection === id && ' font-bold text-gray-600 dark:text-gray-300'}`}
+            notion-table-of-contents-item-indent-level-${tocItem.indentLevel} `}
           >
                       <span
                         style={{
                           display: 'inline-block',
                           marginLeft: tocItem.indentLevel * 16
                         }}
+                        className={`${activeSection === id && ' font-bold text-red-400 animate__animated animate__jello'}`}
                       >
                         {tocItem.text}
                       </span>