0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-17 23:12:39 +00:00

Move scrollToPage to toolbar component

Keeps toolbar functions within the toolbar component and reduces props that need to be sent down.
This commit is contained in:
Gazook89
2024-08-20 15:15:36 -05:00
parent f5ee55d0ca
commit 83244485ab
2 changed files with 22 additions and 20 deletions

View File

@@ -81,22 +81,7 @@ const BrewRenderer = (props)=>{
return ()=>{window.removeEventListener('resize', updateSize);};
}, []);
const scrollToPage = (pageNumber) => {
pageNumber = _.clamp(pageNumber - 1, 0, rawPages.length - 1);
const iframe = document.getElementById('BrewRenderer');
if(iframe && iframe.contentWindow) {
const brewRenderer = iframe.contentWindow.document.querySelector('.brewRenderer');
if(brewRenderer) {
const pages = brewRenderer.querySelectorAll('.page');
if(pageNumber + 1 > pages.length || pageNumber < 0) {
console.log('page not found');
} else {
pages[pageNumber].scrollIntoView({ block: 'start' });
}
}
}
};
const updateSize = ()=>{
setState((prevState)=>({
@@ -247,7 +232,7 @@ const BrewRenderer = (props)=>{
<NotificationPopup />
</div>
<ToolBar onZoomChange={handleZoom} currentPage={state.currentPageNumber} onPageChange={scrollToPage} totalPages={rawPages.length}/>
<ToolBar onZoomChange={handleZoom} currentPage={state.currentPageNumber} totalPages={rawPages.length}/>
{/*render in iFrame so broken code doesn't crash the site.*/}