fix: fix dumplicate caculate

BuidlerDAO · Apr 22, 2024 · 91dcd06 · 91dcd06
1 parent 7b2b545
commit 91dcd06
Showing 1 changed file with 14 additions and 10 deletions.
diff --git a/src/content/drawer/index.tsx b/src/content/drawer/index.tsx
@@ -44,19 +44,23 @@ export default function PersistentDrawerRight() {
 
   const handleResize = () => {
     // 当窗口大小变化时，更新 width 的值
-    setDrawerWidth(caculateDrawerWidth());
-    setBackWidth(caculateBackWidth());
+    if (drawerWidth !== caculateDrawerWidth()) {
+      setDrawerWidth(caculateDrawerWidth());
+    }
+    if (backWidth !== caculateBackWidth()) {
+      setBackWidth(caculateBackWidth());
+    }
   };
 
   // 动态更新width
-  // React.useEffect(() => {
-  //   const timer = setInterval(() => {
-  //     handleResize();
-  //   }, 1000);
-  //   return () => {
-  //     clearInterval(timer);
-  //   };
-  // }, []);
+  React.useEffect(() => {
+    const timer = setInterval(() => {
+      handleResize();
+    }, 1000);
+    return () => {
+      clearInterval(timer);
+    };
+  }, []);
 
   React.useEffect(() => {
     // 添加窗口大小变化时的事件监听器