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

Run ESLint auto lint (spaces to tabs mostly)

Browse Source
This commit is contained in:
Gazook89
2024-08-17 13:57:50 -05:00
parent 5ee4ada112
commit ee4eb19f1e
1 changed files with 140 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -59,8 +59,8 @@ const ToolBar = ({ updateZoom, currentPage, onPageChange, totalPages }) => {
}; };
return ( return (
<div className="toolBar"> <div className='toolBar'>
<div className="tool"> <div className='tool'>
<button <button
onClick={()=>setZoomLevel('out')} onClick={()=>setZoomLevel('out')}
disabled={state.zoomLevel <= minZoom} disabled={state.zoomLevel <= minZoom}
@@ -68,12 +68,12 @@ const ToolBar = ({ updateZoom, currentPage, onPageChange, totalPages }) => {
Zoom Out Zoom Out
</button> </button>
</div> </div>
<div className="tool"> <div className='tool'>
<input <input
className="slider" className='slider'
type="range" type='range'
name="zoom" name='zoom'
list="zoomLevels" list='zoomLevels'
min={minZoom} min={minZoom}
max={maxZoom} max={maxZoom}
step={zoomStep} step={zoomStep}
@@ -91,7 +91,7 @@ const ToolBar = ({ updateZoom, currentPage, onPageChange, totalPages }) => {
} }
}} }}
/> />
<datalist id="zoomLevels"> <datalist id='zoomLevels'>
{Array.from( {Array.from(
{ {
length : length :
@@ -104,7 +104,7 @@ const ToolBar = ({ updateZoom, currentPage, onPageChange, totalPages }) => {
</datalist> </datalist>
</div> </div>
<div className="tool"> <div className='tool'>
<button <button
onClick={()=>setZoomLevel('in')} onClick={()=>setZoomLevel('in')}
disabled={state.zoomLevel >= maxZoom} disabled={state.zoomLevel >= maxZoom}
@@ -112,25 +112,25 @@ const ToolBar = ({ updateZoom, currentPage, onPageChange, totalPages }) => {
Zoom In Zoom In
</button> </button>
</div> </div>
<div className="tool"> <div className='tool'>
<button <button
className="previousPage" className='previousPage'
onClick={()=>{ onClick={()=>{
console.log(`page is ${state.currentPage}`); console.log(`page is ${state.currentPage}`);
onPageChange(state.currentPage - 2); onPageChange(state.currentPage - 2);
}} }}
disabled={state.currentPage <= 1} disabled={state.currentPage <= 1}
> >
<i className="fas fa-arrow-left"></i> <i className='fas fa-arrow-left'></i>
</button> </button>
</div> </div>
<input <input
type="number" type='number'
name="page" name='page'
min={1} min={1}
max={state.totalPages} max={state.totalPages}
id="pageInput" id='pageInput'
value={state.pageNumberInput} value={state.pageNumberInput}
onChange={(e)=>handleInputChange(e.target.value, 'page')} onChange={(e)=>handleInputChange(e.target.value, 'page')}
onBlur={(e)=>{ onBlur={(e)=>{
@@ -144,9 +144,9 @@ const ToolBar = ({ updateZoom, currentPage, onPageChange, totalPages }) => {
}} }}
/> />
<div className="tool"> <div className='tool'>
<button <button
className="nextPage" className='nextPage'
onClick={()=>{ onClick={()=>{
console.log( console.log(
`page is ${state.currentPage} and i move to ${state.currentPage}` `page is ${state.currentPage} and i move to ${state.currentPage}`
@@ -155,7 +155,7 @@ const ToolBar = ({ updateZoom, currentPage, onPageChange, totalPages }) => {
}} }}
disabled={state.currentPage >= state.totalPages} disabled={state.currentPage >= state.totalPages}
> >
<i className="fas fa-arrow-right"></i> <i className='fas fa-arrow-right'></i>
</button> </button>
</div> </div>
</div> </div>