From dc17c1e533a5e7876cee2a19b0e0c86da1f30440 Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Thu, 9 May 2024 11:45:39 +0800
Subject: [PATCH] zoom-medium fix

---
 components/NotionPage.js | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/components/NotionPage.js b/components/NotionPage.js
index 9e57e9a1..3cdd315d 100644
--- a/components/NotionPage.js
+++ b/components/NotionPage.js
@@ -84,35 +84,35 @@ const NotionPage = ({ post, className }) => {
   }, [])
 
   const zoom =
-    typeof window !== 'undefined' &&
+    isBrowser &&
     mediumZoom({
-      container: '.notion-viewport',
+      //   container: '.notion-viewport',
       background: 'rgba(0, 0, 0, 0.2)',
       margin: getMediumZoomMargin()
     })
+
   const zoomRef = useRef(zoom ? zoom.clone() : null)
 
   useEffect(() => {
-    if (!isBrowser) return
-
     // 将相册gallery下的图片加入放大功能
     if (siteConfig('POST_DISABLE_GALLERY_CLICK')) {
       setTimeout(() => {
-        const imgList = document?.querySelectorAll(
-          '.notion-asset-wrapper-image img'
-        )
-
-        console.log('放大', imgList)
-
-        if (imgList && zoomRef.current) {
-          for (let i = 0; i < imgList.length; i++) {
-            zoomRef.current.attach(imgList[i])
+        if (isBrowser) {
+          const imgList = document?.querySelectorAll(
+            '.notion-collection-card-cover img'
+          )
+          if (imgList && zoomRef.current) {
+            for (let i = 0; i < imgList.length; i++) {
+              zoomRef.current.attach(imgList[i])
+            }
           }
-        }
 
-        const cards = document.getElementsByClassName('notion-collection-card')
-        for (const e of cards) {
-          e.removeAttribute('href')
+          const cards = document.getElementsByClassName(
+            'notion-collection-card'
+          )
+          for (const e of cards) {
+            e.removeAttribute('href')
+          }
         }
       }, 800)
     }