From 626dd2fbd76164d9d41042a33d95132580e2e605 Mon Sep 17 00:00:00 2001
From: chrox <chrox.huang@gmail.com>
Date: Wed, 4 Dec 2024 13:20:08 +0100
Subject: [PATCH] Fix headerbar start-dragging events

---
 .../src/app/library/components/LibraryHeader.tsx           | 2 +-
 apps/readest-app/src/app/library/page.tsx                  | 7 +++----
 apps/readest-app/src/app/reader/components/HeaderBar.tsx   | 2 +-
 apps/readest-app/src/app/reader/components/ViewMenu.tsx    | 1 -
 apps/readest-app/src/components/WindowButtons.tsx          | 2 +-
 5 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/apps/readest-app/src/app/library/components/LibraryHeader.tsx b/apps/readest-app/src/app/library/components/LibraryHeader.tsx
index b77b2b9a..ad686219 100644
--- a/apps/readest-app/src/app/library/components/LibraryHeader.tsx
+++ b/apps/readest-app/src/app/library/components/LibraryHeader.tsx
@@ -42,7 +42,7 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
       )}
     >
       <div className='flex items-center justify-between space-x-6'>
-        <div className='sm:w relative flex w-full items-center pl-4'>
+        <div className='exclude-title-bar-mousedown sm:w relative flex w-full items-center pl-4'>
           <span className='absolute left-8 text-gray-500'>
             <FaSearch className='h-4 w-4' />
           </span>
diff --git a/apps/readest-app/src/app/library/page.tsx b/apps/readest-app/src/app/library/page.tsx
index a33f9826..a2faeee7 100644
--- a/apps/readest-app/src/app/library/page.tsx
+++ b/apps/readest-app/src/app/library/page.tsx
@@ -27,7 +27,7 @@ const LibraryPage = () => {
   const { setSettings } = useSettingsStore();
   const [loading, setLoading] = useState(false);
   const isInitiating = useRef(false);
-  const libraryLoaded = useRef(false);
+  const [libraryLoaded, setLibraryLoaded] = useState(false);
   const [isSelectMode, setIsSelectMode] = useState(false);
 
   const processOpenWithFiles = React.useCallback(
@@ -68,8 +68,7 @@ const LibraryPage = () => {
         setLibrary(libraryBooks);
       }
 
-      libraryLoaded.current = true;
-
+      setLibraryLoaded(true);
       if (loadingTimeout) clearTimeout(loadingTimeout);
       setLoading(false);
     };
@@ -152,7 +151,7 @@ const LibraryPage = () => {
           <Spinner loading />
         </div>
       )}
-      {libraryLoaded.current &&
+      {libraryLoaded &&
         (libraryBooks.length > 0 ? (
           <div className='mt-12 flex-grow overflow-auto px-2'>
             <Bookshelf
diff --git a/apps/readest-app/src/app/reader/components/HeaderBar.tsx b/apps/readest-app/src/app/reader/components/HeaderBar.tsx
index 81fc84b4..719f13d1 100644
--- a/apps/readest-app/src/app/reader/components/HeaderBar.tsx
+++ b/apps/readest-app/src/app/reader/components/HeaderBar.tsx
@@ -67,7 +67,7 @@ const HeaderBar: React.FC<HeaderBarProps> = ({
       <div className='flex h-full items-center space-x-2'>
         <NotebookToggler bookKey={bookKey} />
         <Dropdown
-          className='dropdown-bottom dropdown-end'
+          className='exclude-title-bar-mousedown dropdown-bottom dropdown-end'
           buttonClassName='btn btn-ghost h-8 min-h-8 w-8 p-0'
           toggleButton={<PiDotsThreeVerticalBold size={16} />}
           onToggle={handleToggleDropdown}
diff --git a/apps/readest-app/src/app/reader/components/ViewMenu.tsx b/apps/readest-app/src/app/reader/components/ViewMenu.tsx
index 03f6ee9e..51222647 100644
--- a/apps/readest-app/src/app/reader/components/ViewMenu.tsx
+++ b/apps/readest-app/src/app/reader/components/ViewMenu.tsx
@@ -86,7 +86,6 @@ const ViewMenu: React.FC<ViewMenuProps> = ({
 
   return (
     <div
-      id='exclude-title-bar-mousedown'
       tabIndex={0}
       className='view-menu dropdown-content dropdown-right no-triangle border-base-100 z-20 mt-1 w-72 border shadow-2xl'
     >
diff --git a/apps/readest-app/src/components/WindowButtons.tsx b/apps/readest-app/src/components/WindowButtons.tsx
index 664a418e..73fbe03d 100644
--- a/apps/readest-app/src/components/WindowButtons.tsx
+++ b/apps/readest-app/src/components/WindowButtons.tsx
@@ -48,7 +48,7 @@ const WindowButtons: React.FC<WindowButtonsProps> = ({
     if (
       target.closest('.btn') ||
       target.closest('.window-button') ||
-      target.closest('#exclude-title-bar-mousedown')
+      target.closest('.exclude-title-bar-mousedown')
     ) {
       return;
     }