26 lines
682 B
JavaScript
26 lines
682 B
JavaScript
|
import { useEffect } from 'react';
|
||
|
|
|
||
|
|
export default function useHistoryNav(history) {
|
||
|
|
useEffect(() => {
|
||
|
|
const handleKeyPress = e => {
|
||
|
|
if ((e.metaKey || e.altKey) && !e.ctrlKey && !e.shiftKey) {
|
||
|
|
switch (e.code) {
|
||
|
|
case 'ArrowLeft':
|
||
|
|
e.preventDefault();
|
||
|
|
history.goBack();
|
||
|
|
break;
|
||
|
|
case 'ArrowRight':
|
||
|
|
e.preventDefault();
|
||
|
|
history.goForward();
|
||
|
|
break;
|
||
|
|
default:
|
||
|
|
// Do nothing
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
window.addEventListener('keydown', handleKeyPress);
|
||
|
|
return () => window.removeEventListener('keydown', handleKeyPress);
|
||
|
|
}, []);
|
||
|
|
}
|