Merge pull request tangly1024#1787 from 1208nn/dev

支持隐藏单独的评论标签页
happyzhangyyds · Jan 25, 2024 · d8d1145 · d8d1145
2 parents 17498e5 + dd9f07d
commit d8d1145
Showing 1 changed file with 12 additions and 9 deletions.
diff --git a/components/Tabs.js b/components/Tabs.js
@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import { siteConfig } from '@/lib/config'
 
 /**
  * Tabs切换标签
@@ -16,15 +17,17 @@ const Tabs = ({ className, children }) => {
 
   return (
     <div className={`mb-5 duration-200 ${className}`}>
-      <ul className="flex justify-center space-x-5 pb-4 dark:text-gray-400 text-gray-600 overflow-auto">
-        {validChildren.map((item, index) => (
-          <li key={index}
-            className={`${currentTab === index ? 'font-black border-b-2 border-red-600 text-red-600 animate__animated animate__jello' : 'font-extralight cursor-pointer'} text-sm font-sans`}
-            onClick={() => setCurrentTab(index)}>
-            {item.key}
-          </li>
-        ))}
-      </ul>
+      {!(validChildren.length === 1 && siteConfig('COMMENT_HIDE_SINGLE_TAB')) && (
+        <ul className="flex justify-center space-x-5 pb-4 dark:text-gray-400 text-gray-600 overflow-auto">
+          {validChildren.map((item, index) => (
+            <li key={index}
+              className={`${currentTab === index ? 'font-black border-b-2 border-red-600 text-red-600 animate__animated animate__jello' : 'font-extralight cursor-pointer'} text-sm font-sans`}
+              onClick={() => setCurrentTab(index)}>
+              {item.key}
+            </li>
+          ))}
+        </ul>
+      )}
       {/* 标签切换的时候不销毁 DOM 元素，使用 CSS 样式进行隐藏 */}
       <div>
         {validChildren.map((item, index) => (