Always register reader hotkeys

The hotkeys were never registered e.g. while loading or in case an error occurred
This commit is contained in:
schroda
2024-12-24 17:21:25 +01:00
parent 94b0e25df2
commit 72809309e1
2 changed files with 21 additions and 23 deletions

View File

@@ -281,6 +281,7 @@ const BaseReader = ({
status: true,
value: (
<Box sx={{ position: 'absolute' }}>
<ReaderHotkeys scrollElementRef={scrollElementRef} />
<ReaderOverlay isVisible={isOverlayVisible} />
{!scrollElementRef.current && (
<Box
@@ -360,27 +361,24 @@ const BaseReader = ({
}
return (
<>
<ReaderHotkeys scrollElementRef={scrollElementRef} />
<Box
sx={{
position: 'relative',
display: 'flex',
flexDirection: 'column',
width: `calc(100vw - ${readerNavBarWidth}px)`,
height: `100vh`,
marginLeft: `${readerNavBarWidth}px`,
transition: (theme) =>
`width 0.${theme.transitions.duration.shortest}s, margin-left 0.${theme.transitions.duration.shortest}s`,
overflow: 'auto',
backgroundColor: READER_BACKGROUND_TO_COLOR[backgroundColor],
}}
>
<ReaderViewer ref={scrollElementRef} />
<TapZoneLayout />
<ReaderRGBAFilter />
</Box>
</>
<Box
sx={{
position: 'relative',
display: 'flex',
flexDirection: 'column',
width: `calc(100vw - ${readerNavBarWidth}px)`,
height: `100vh`,
marginLeft: `${readerNavBarWidth}px`,
transition: (theme) =>
`width 0.${theme.transitions.duration.shortest}s, margin-left 0.${theme.transitions.duration.shortest}s`,
overflow: 'auto',
backgroundColor: READER_BACKGROUND_TO_COLOR[backgroundColor],
}}
>
<ReaderViewer ref={scrollElementRef} />
<TapZoneLayout />
<ReaderRGBAFilter />
</Box>
);
};