From 0ea2f936514f97da8201652b6843d0b8b9ae0e0b Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Sun, 22 Dec 2024 21:53:03 +0100
Subject: [PATCH] Revert "Render reader desktop nav bar content only when
 visible"

This reverts commit f141a5ae668ca487e76c6da4a6a6d85ffe5884e6.
---
 .../desktop/ReaderNavBarDesktop.tsx           | 96 +++++++++----------
 1 file changed, 46 insertions(+), 50 deletions(-)

diff --git a/src/modules/reader/components/overlay/navigation/desktop/ReaderNavBarDesktop.tsx b/src/modules/reader/components/overlay/navigation/desktop/ReaderNavBarDesktop.tsx
index 11f787bc..01129a7e 100644
--- a/src/modules/reader/components/overlay/navigation/desktop/ReaderNavBarDesktop.tsx
+++ b/src/modules/reader/components/overlay/navigation/desktop/ReaderNavBarDesktop.tsx
@@ -106,56 +106,52 @@ const BaseReaderNavBarDesktop = ({
             }}
         >
             <ReaderNavContainer sx={{ backgroundColor: 'background.paper', pointerEvents: 'all' }}>
-                {isVisible && (
-                    <>
-                        <Stack sx={{ p: 2, gap: 2, backgroundColor: 'action.hover' }}>
-                            <Stack sx={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                                <Tooltip title={t('reader.button.exit')}>
-                                    <IconButton onClick={exit} color="inherit">
-                                        {getOptionForDirection(<ArrowBack />, <ArrowForwardIcon />)}
-                                    </IconButton>
-                                </Tooltip>
-                                <Tooltip title={t('reader.settings.label.static_navigation')}>
-                                    <IconButton
-                                        onClick={() => {
-                                            setReaderNavBarWidth(0);
-                                            updateReaderSettings('isStaticNav', !isStaticNav);
-                                        }}
-                                        color={isStaticNav ? 'primary' : 'inherit'}
-                                    >
-                                        <PushPinIcon />
-                                    </IconButton>
-                                </Tooltip>
-                            </Stack>
-                            {manga && currentChapter ? (
-                                <>
-                                    <ReaderNavBarDesktopMetadata
-                                        mangaId={manga.id}
-                                        mangaTitle={manga.title}
-                                        chapterTitle={currentChapter.name}
-                                        scanlator={currentChapter.scanlator}
-                                    />
-                                    <ReaderNavBarDesktopActions />
-                                </>
-                            ) : (
-                                <LoadingPlaceholder />
-                            )}
-                        </Stack>
-                        <Stack sx={{ p: 2, gap: 2 }}>
-                            <Stack sx={{ gap: 1 }}>
-                                <ReaderNavBarDesktopPageNavigation />
-                                <ReaderNavBarDesktopChapterNavigation
-                                    chapters={chapters}
-                                    currentChapter={currentChapter}
-                                    nextChapter={nextChapter}
-                                    previousChapter={previousChapter}
-                                />
-                            </Stack>
-                            <Divider />
-                            <ReaderNavBarDesktopQuickSettings openSettings={openSettings} />
-                        </Stack>
-                    </>
-                )}
+                <Stack sx={{ p: 2, gap: 2, backgroundColor: 'action.hover' }}>
+                    <Stack sx={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
+                        <Tooltip title={t('reader.button.exit')}>
+                            <IconButton onClick={exit} color="inherit">
+                                {getOptionForDirection(<ArrowBack />, <ArrowForwardIcon />)}
+                            </IconButton>
+                        </Tooltip>
+                        <Tooltip title={t('reader.settings.label.static_navigation')}>
+                            <IconButton
+                                onClick={() => {
+                                    setReaderNavBarWidth(0);
+                                    updateReaderSettings('isStaticNav', !isStaticNav);
+                                }}
+                                color={isStaticNav ? 'primary' : 'inherit'}
+                            >
+                                <PushPinIcon />
+                            </IconButton>
+                        </Tooltip>
+                    </Stack>
+                    {manga && currentChapter ? (
+                        <>
+                            <ReaderNavBarDesktopMetadata
+                                mangaId={manga.id}
+                                mangaTitle={manga.title}
+                                chapterTitle={currentChapter.name}
+                                scanlator={currentChapter.scanlator}
+                            />
+                            <ReaderNavBarDesktopActions />
+                        </>
+                    ) : (
+                        <LoadingPlaceholder />
+                    )}
+                </Stack>
+                <Stack sx={{ p: 2, gap: 2 }}>
+                    <Stack sx={{ gap: 1 }}>
+                        <ReaderNavBarDesktopPageNavigation />
+                        <ReaderNavBarDesktopChapterNavigation
+                            chapters={chapters}
+                            currentChapter={currentChapter}
+                            nextChapter={nextChapter}
+                            previousChapter={previousChapter}
+                        />
+                    </Stack>
+                    <Divider />
+                    <ReaderNavBarDesktopQuickSettings openSettings={openSettings} />
+                </Stack>
             </ReaderNavContainer>
         </Drawer>
     );