0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-15 17:02:38 +00:00

Lint the jsx files

This commit is contained in:
Trevor Buckner
2024-08-24 23:55:17 -04:00
parent bf6eae7b3c
commit 4b0b56dd35
2 changed files with 7 additions and 7 deletions

View File

@@ -87,12 +87,12 @@ const BrewRenderer = (props)=>{
})); }));
}; };
const getCurrentPage = (e) => { const getCurrentPage = (e)=>{
const { scrollTop, clientHeight, scrollHeight } = e.target; const { scrollTop, clientHeight, scrollHeight } = e.target;
const totalScrollableHeight = scrollHeight - clientHeight; const totalScrollableHeight = scrollHeight - clientHeight;
const currentPageNumber = Math.ceil((scrollTop / totalScrollableHeight) * rawPages.length); const currentPageNumber = Math.ceil((scrollTop / totalScrollableHeight) * rawPages.length);
setState((prevState) => ({ setState((prevState)=>({
...prevState, ...prevState,
currentPageNumber : currentPageNumber || 1 currentPageNumber : currentPageNumber || 1
})); }));
@@ -181,7 +181,7 @@ const BrewRenderer = (props)=>{
}; };
//Toolbar settings: //Toolbar settings:
const handleZoom = (newZoom) => { const handleZoom = (newZoom)=>{
setState((prevState)=>({ setState((prevState)=>({
...prevState, ...prevState,
zoom : newZoom zoom : newZoom

View File

@@ -32,7 +32,7 @@ const ToolBar = ({ onZoomChange, currentPage, onPageChange, totalPages })=>{
pageNumber = _.clamp(pageNumber, 1, totalPages); pageNumber = _.clamp(pageNumber, 1, totalPages);
const iframe = document.getElementById('BrewRenderer'); const iframe = document.getElementById('BrewRenderer');
const brewRenderer = iframe?.contentWindow?.document.querySelector('.brewRenderer'); const brewRenderer = iframe?.contentWindow?.document.querySelector('.brewRenderer');
const page = brewRenderer?.querySelector(`#p${pageNumber}`) const page = brewRenderer?.querySelector(`#p${pageNumber}`);
page?.scrollIntoView({ block: 'start' }); page?.scrollIntoView({ block: 'start' });
setPageNum(pageNumber); setPageNum(pageNumber);
}; };
@@ -59,7 +59,7 @@ const ToolBar = ({ onZoomChange, currentPage, onPageChange, totalPages })=>{
max={MAX_ZOOM} max={MAX_ZOOM}
step='1' step='1'
value={zoomLevel} value={zoomLevel}
onChange={(e) => setZoomLevel(parseInt(e.target.value))} onChange={(e)=>setZoomLevel(parseInt(e.target.value))}
/> />
<datalist id='zoomLevels'> <datalist id='zoomLevels'>
<option value='100' /> <option value='100' />
@@ -95,10 +95,10 @@ const ToolBar = ({ onZoomChange, currentPage, onPageChange, totalPages })=>{
inputMode='numeric' inputMode='numeric'
pattern='[0-9]' pattern='[0-9]'
value={pageNum} value={pageNum}
onClick={(e) => e.target.select()} onClick={(e)=>e.target.select()}
onChange={(e)=>handlePageInput(e.target.value)} onChange={(e)=>handlePageInput(e.target.value)}
onBlur={()=>scrollToPage(pageNum)} onBlur={()=>scrollToPage(pageNum)}
onKeyDown={(e) => e.key == 'Enter' && scrollToPage(pageNum)} onKeyDown={(e)=>e.key == 'Enter' && scrollToPage(pageNum)}
/> />
<span id='page-count'>/ {totalPages}</span> <span id='page-count'>/ {totalPages}</span>
</div> </div>