From 4d162262b6b999bf2480c305f24d981606e673d8 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Tue, 24 Dec 2024 17:24:22 +0100
Subject: [PATCH] Maximize reader progress bar only when pages are loaded

It takes away space for the reader overlay to get opened while an error is shown.
---
 .../progress-bar/variants/StandardReaderProgressBar.tsx     | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

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 99a333f0..b37cb24c 100644
--- a/src/modules/reader/components/overlay/progress-bar/variants/StandardReaderProgressBar.tsx
+++ b/src/modules/reader/components/overlay/progress-bar/variants/StandardReaderProgressBar.tsx
@@ -42,12 +42,13 @@ const BaseStandardReaderProgressBar = ({
     }) => {
     const theme = useTheme();
     const pagesState = userReaderStatePagesContext();
-    const { currentPageIndex, pages } = pagesState;
+    const { currentPageIndex, pages, totalPages } = pagesState;
 
     const currentPagesIndex = getPage(currentPageIndex, pages).pagesIndex;
 
     const { isBottom, isLeft, isRight, isVertical, isHorizontal } = getProgressBarPositionInfo(progressBarPosition);
 
+    const arePagesLoaded = !!totalPages;
     const isHidden = progressBarType === ProgressBarType.HIDDEN;
     const isMinimized = !isMaximized && !isDragging;
 
@@ -128,6 +129,9 @@ const BaseStandardReaderProgressBar = ({
                             ...applyStyles(isMinimized, {
                                 opacity: !isHidden ? 0.85 : 0,
                             }),
+                            ...applyStyles(!arePagesLoaded, {
+                                pointerEvents: 'none',
+                            }),
                         },
                         onMouseEnter: () => setIsMaximized(true),
                         onMouseLeave: () => setIsMaximized(false),