Merge branch 'main' of https://github.com/tangly1024/NotionNext

components/Toc.js

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react'
 import throttle from 'lodash.throttle'
 import { uuidToId } from 'notion-utils'
-import { cs } from 'react-notion-x'
+// import { cs } from 'react-notion-x'
 
 /**
  * 目录导航组件
@@ -62,12 +62,9 @@ const Toc = ({ toc }) => {
           <a
             key={id}
             href={`#${id}`}
-            className={cs(
-              'notion-table-of-contents-item px-5',
-              `notion-table-of-contents-item-indent-level-${tocItem.indentLevel}`,
-              activeSection === id &&
-              ' font-bold text-black dark:text-white animate-pulse'
-            )}
+            className={`notion-table-of-contents-item px-5 
+            notion-table-of-contents-item-indent-level-${tocItem.indentLevel} 
+            ${activeSection === id && ' font-bold text-black dark:text-white animate-pulse'}`}
           >
                       <span
                         className='notion-table-of-contents-item-body'

package.json

@@ -29,15 +29,15 @@
     "lodash.throttle": "^4.1.1",
     "memory-cache": "^0.2.0",
     "next": "10.2.0",
-    "notion-client": "4.9.3",
-    "notion-utils": "4.8.6",
+    "notion-client": "4.10.0",
+    "notion-utils": "4.10.0",
     "preact": "^10.5.13",
     "qrcode.react": "^1.0.1",
     "react": "17.0.2",
     "react-cookies": "^0.1.1",
     "react-cusdis": "^2.0.1",
     "react-dom": "17.0.2",
-    "react-notion-x": "^4.6.5",
+    "react-notion-x": "4.6.5",
     "use-ackee": "^3.0.0"
   },
   "devDependencies": {

pages/article/[slug].js

@@ -137,7 +137,7 @@ const ArticleDetail = ({ post, blockMap, tags, prev, next, posts, categories })
 
           {post.tags && (
             <div className='flex flex-nowrap leading-8 p-1 py-4'>
-              <div className='hidden md:block'>标签：</div>
+              <div className='hidden md:block  dark:text-gray-300'>标签：</div>
               {post.tags.map(tag => (
                 <TagItem key={tag} tag={tag} />
               ))}

styles/notion.css

@@ -180,14 +180,15 @@
   min-height: 100vh;
 }
 
-/* .notion-viewport {
+.notion-viewport {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: -10;
-} */
+  pointer-events: none;
+}
 
 .medium-zoom-overlay {
   z-index: 300;