f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-05 12:22:44 +00:00
Code Wiki Activity

rename pageInput state variable to pageNum

Browse Source
This commit is contained in:
Gazook89
2024-08-23 18:48:36 -05:00
parent e3c90a8295
commit 769a03916b
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
client/homebrew/brewRenderer/toolBar/toolBar.jsx
View File

@@ -9,14 +9,14 @@ const MIN_ZOOM = 10;
const ToolBar = ({ onZoomChange, currentPage, onPageChange, totalPages })=>{ const ToolBar = ({ onZoomChange, currentPage, onPageChange, totalPages })=>{
const [zoomLevel, setZoomLevel] = useState(100); const [zoomLevel, setZoomLevel] = useState(100);
const [pageInput, setPageInput] = useState(currentPage); const [pageNum, setPageNum] = useState(currentPage);
useEffect(()=>{ useEffect(()=>{
onZoomChange(zoomLevel); onZoomChange(zoomLevel);
}, [zoomLevel]); }, [zoomLevel]);
useEffect(()=>{ useEffect(()=>{
setPageInput(currentPage); setPageNum(currentPage);
}, [currentPage]) }, [currentPage])
const handleZoomChange = (delta)=>{ const handleZoomChange = (delta)=>{
@@ -26,7 +26,7 @@ const ToolBar = ({ onZoomChange, currentPage, onPageChange, totalPages })=>{
}; };
const handlePageChange = (page)=>{ const handlePageChange = (page)=>{
setPageInput(page); setPageNum(page);
}; };
const scrollToPage = (pageNumber) => { const scrollToPage = (pageNumber) => {
@@ -82,8 +82,8 @@ const ToolBar = ({ onZoomChange, currentPage, onPageChange, totalPages })=>{
<button <button
id='previous-page' id='previous-page'
className='previousPage tool' className='previousPage tool'
onClick={()=>scrollToPage(pageInput - 1)} onClick={()=>scrollToPage(pageNum - 1)}
disabled={pageInput <= 1} disabled={pageNum <= 1}
> >
<i className='fas fa-arrow-left'></i> <i className='fas fa-arrow-left'></i>
</button> </button>
@@ -96,11 +96,11 @@ const ToolBar = ({ onZoomChange, currentPage, onPageChange, totalPages })=>{
name='page' name='page'
inputMode='numeric' inputMode='numeric'
pattern='[0-9]' pattern='[0-9]'
value={pageInput} value={pageNum}
onChange={(e)=>{ onChange={(e)=>{
handlePageChange(e.target.value == false ? e.target.value : parseInt(e.target.value));}} handlePageChange(e.target.value == false ? e.target.value : parseInt(e.target.value));}}
onBlur={()=>scrollToPage(pageInput)} onBlur={()=>scrollToPage(pageNum)}
onKeyDown={(e)=>{e.key == 'Enter' ? scrollToPage(pageInput) : null;}} onKeyDown={(e)=>{e.key == 'Enter' ? scrollToPage(pageNum) : null;}}
/> />
<span id='page-count'>/ {totalPages}</span> <span id='page-count'>/ {totalPages}</span>
@@ -110,8 +110,8 @@ const ToolBar = ({ onZoomChange, currentPage, onPageChange, totalPages })=>{
<button <button
id='next-page' id='next-page'
className='tool' className='tool'
onClick={()=>scrollToPage(pageInput + 1)} onClick={()=>scrollToPage(pageNum + 1)}
disabled={pageInput >= totalPages} disabled={pageNum >= totalPages}
> >
<i className='fas fa-arrow-right'></i> <i className='fas fa-arrow-right'></i>
</button> </button>