From 4869b756ea8d8c248d8b22860206f351212d0843 Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Mon, 10 Mar 2025 00:40:30 +0800
Subject: [PATCH] release: version 0.9.20 (#549)

* fix: occasionally traffic lights disappear in library page

* release: version 0.9.20
---
 apps/readest-app/package.json                          |  2 +-
 apps/readest-app/release-notes.json                    | 10 ++++++++++
 .../src/app/library/components/LibraryHeader.tsx       |  2 ++
 .../src/app/reader/components/HeaderBar.tsx            |  9 ++++++++-
 4 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/apps/readest-app/package.json b/apps/readest-app/package.json
index 832246ea..3a9e4477 100644
--- a/apps/readest-app/package.json
+++ b/apps/readest-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@readest/readest-app",
-  "version": "0.9.19",
+  "version": "0.9.20",
   "private": true,
   "scripts": {
     "dev": "dotenv -e .env.tauri -- next dev",
diff --git a/apps/readest-app/release-notes.json b/apps/readest-app/release-notes.json
index 41a6d241..ece363ff 100644
--- a/apps/readest-app/release-notes.json
+++ b/apps/readest-app/release-notes.json
@@ -1,5 +1,15 @@
 {
   "releases": {
+    "0.9.20": {
+      "date": "2025-03-10",
+      "notes": [
+        "Fix column height in vertical layout on mobile",
+        "Fix drag handle height not constant on mobile",
+        "Add fullscreen option on desktop",
+        "Add drag and drop to import books on desktop",
+        "Various fixes and enhancements on updater, footerbar and note"
+      ]
+    },
     "0.9.19": {
       "date": "2025-03-07",
       "notes": [
diff --git a/apps/readest-app/src/app/library/components/LibraryHeader.tsx b/apps/readest-app/src/app/library/components/LibraryHeader.tsx
index 803dcbed..404fb233 100644
--- a/apps/readest-app/src/app/library/components/LibraryHeader.tsx
+++ b/apps/readest-app/src/app/library/components/LibraryHeader.tsx
@@ -37,6 +37,7 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
     isTrafficLightVisible,
     initializeTrafficLightStore,
     initializeTrafficLightListeners,
+    setTrafficLightVisibility,
     cleanupTrafficLightListeners,
   } = useTrafficLightStore();
 
@@ -53,6 +54,7 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
 
     initializeTrafficLightStore(appService);
     initializeTrafficLightListeners();
+    setTrafficLightVisibility(true);
     return () => {
       cleanupTrafficLightListeners();
     };
diff --git a/apps/readest-app/src/app/reader/components/HeaderBar.tsx b/apps/readest-app/src/app/reader/components/HeaderBar.tsx
index b701d677..5f2d4098 100644
--- a/apps/readest-app/src/app/reader/components/HeaderBar.tsx
+++ b/apps/readest-app/src/app/reader/components/HeaderBar.tsx
@@ -56,11 +56,18 @@ const HeaderBar: React.FC<HeaderBarProps> = ({
 
     initializeTrafficLightStore(appService);
     initializeTrafficLightListeners();
-    setTrafficLightVisibility(isSideBarVisible);
+    setTrafficLightVisibility(true);
     return () => {
       cleanupTrafficLightListeners();
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  useEffect(() => {
+    if (!appService?.hasTrafficLight) return;
+
+    setTrafficLightVisibility(isSideBarVisible);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isSideBarVisible]);
 
   return (