From 7e9684b7d30592e5c87f2385176e067d70feb440 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Sun, 22 Dec 2024 13:53:35 +0100
Subject: [PATCH] Render progress bars only when visible

---
 .../overlay/progress-bar/variants/MobileReaderProgressBar.tsx | 4 ++++
 .../progress-bar/variants/StandardReaderProgressBar.tsx       | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/src/modules/reader/components/overlay/progress-bar/variants/MobileReaderProgressBar.tsx b/src/modules/reader/components/overlay/progress-bar/variants/MobileReaderProgressBar.tsx
index 8c6574a7..4333a47d 100644
--- a/src/modules/reader/components/overlay/progress-bar/variants/MobileReaderProgressBar.tsx
+++ b/src/modules/reader/components/overlay/progress-bar/variants/MobileReaderProgressBar.tsx
@@ -50,6 +50,10 @@ const BaseMobileReaderProgressBar = ({
         return () => setIsMaximized(false);
     }, [isVisible]);
 
+    if (!isVisible) {
+        return null;
+    }
+
     return (
         <ReaderProgressBarDirectionWrapper>
             <Stack
diff --git a/src/modules/reader/components/overlay/progress-bar/variants/StandardReaderProgressBar.tsx b/src/modules/reader/components/overlay/progress-bar/variants/StandardReaderProgressBar.tsx
index b17cd1c2..8941af7b 100644
--- a/src/modules/reader/components/overlay/progress-bar/variants/StandardReaderProgressBar.tsx
+++ b/src/modules/reader/components/overlay/progress-bar/variants/StandardReaderProgressBar.tsx
@@ -52,6 +52,10 @@ const BaseStandardReaderProgressBar = ({
     const isHidden = progressBarType === ProgressBarType.HIDDEN;
     const isMinimized = !isMaximized && !isDragging;
 
+    if (isHidden) {
+        return null;
+    }
+
     // the progress bar uses the reading direction to set the themes direction, thus, stuff has to be adjusted to still be correctly positioned
     // depending on which combination of theme direction and reading direction is currently active
     return (