Sidebar: Improve performance for reize listener

Author: lamATnginx

assets/js/sidebar-v2.js

@@ -53,13 +53,26 @@ document.addEventListener('DOMContentLoaded', () => {
   }
 });
 
-window.addEventListener('resize', () => {
-  const sidebar = document.getElementById('sidebar-v2');
+const debounce = (callback, wait) => {
+  let timeoutId = null;
+  return (...args) => {
+    window.clearTimeout(timeoutId);
+    timeoutId = window.setTimeout(() => {
+      callback(...args);
+    }, wait);
+  };
+};
 
-  if (
-    window.innerWidth > 88 * 16 &&
-    sidebar.classList.contains('sidebar__mobile-open')
-  ) {
-    sidebar.classList.remove('sidebar__mobile-open');
-  }
-});
+window.addEventListener(
+  'resize',
+  debounce(() => {
+    const sidebar = document.getElementById('sidebar-v2');
+
+    if (
+      window.innerWidth > 88 * 16 &&
+      sidebar.classList.contains('sidebar__mobile-open')
+    ) {
+      sidebar.classList.remove('sidebar__mobile-open');
+    }
+  }, 200)
+);