mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-03 12:42:41 +00:00
Set preview zoom to update with onChange
Commented out the existing onChange handler, switched the onMouseUp that actually applies the zoom to onChange.
This commit is contained in:
@@ -78,8 +78,8 @@ const ToolBar = ({ updateZoom, currentPage, onPageChange, totalPages })=>{
|
|||||||
max={maxZoom}
|
max={maxZoom}
|
||||||
step={zoomStep}
|
step={zoomStep}
|
||||||
value={state.zoomInput}
|
value={state.zoomInput}
|
||||||
onChange={(e)=>handleInputChange(e.target.value, 'zoom')}
|
// onChange={(e)=>handleInputChange(e.target.value, 'zoom')}
|
||||||
onMouseUp={(e)=>{
|
onChange={(e)=>{
|
||||||
const newZoomLevel = parseInt(e.target.value, 10);
|
const newZoomLevel = parseInt(e.target.value, 10);
|
||||||
if(newZoomLevel !== state.zoomLevel) {
|
if(newZoomLevel !== state.zoomLevel) {
|
||||||
setState((prevState)=>({
|
setState((prevState)=>({
|
||||||
@@ -92,15 +92,7 @@ const ToolBar = ({ updateZoom, currentPage, onPageChange, totalPages })=>{
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
<datalist id='zoomLevels'>
|
<datalist id='zoomLevels'>
|
||||||
{Array.from(
|
<option value='100' />
|
||||||
{
|
|
||||||
length :
|
|
||||||
Math.floor((maxZoom - minZoom) / zoomStep) + 1,
|
|
||||||
},
|
|
||||||
(_, i)=>minZoom + i * zoomStep
|
|
||||||
).map((option)=>(
|
|
||||||
<option key={option} value={option} />
|
|
||||||
))}
|
|
||||||
</datalist>
|
</datalist>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user