Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-19 22:12:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

NavBarButton reacts to hash changes

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-04-21 21:36:43 +03:00
parent ad827d19bd
commit bd949bca74
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/common/NavBar/NavBarButton/NavBarButton.js
View file

@ -6,7 +6,16 @@ const styles = require('./styles');
const NavBarButton = ({ className, icon, label, href, onClick }) => {
const type = typeof onClick === 'function' ? 'button' : 'link';
const active = window.location.hash === href;
const [active, setActive] = React.useState(window.location.hash === href);
const onHashChanged = React.useCallback(() => {
setActive(window.location.hash === href);
}, [href]);
React.useEffect(() => {
window.addEventListener('hashchange', onHashChanged);
return () => {
window.removeEventListener('hashchange', onHashChanged);
};
}, []);
return (
<Input className={classnames(className, styles['button'], { 'active': active })} type={type} href={href} onClick={onClick}>
<Icon className={styles['icon']} icon={icon} />