diff --git a/src/components/Nav/NavLink.tsx b/src/components/Nav/NavLink.tsx index f0ed8ca..e81ef0a 100644 --- a/src/components/Nav/NavLink.tsx +++ b/src/components/Nav/NavLink.tsx @@ -46,6 +46,10 @@ const NavLink: React.FC = ({ link, onCloseDrawer }) => { padding='10px 15px' fontWeight='500' transition='all .1s' + _hover={{ + bg: `${colorMode === 'dark' ? 'gray.700' : 'gray.100'}`, + color: `blue.400`, + }} > {link.title} diff --git a/src/stores/UIStore.ts b/src/stores/UIStore.ts index 4d7a21b..43d9d9c 100644 --- a/src/stores/UIStore.ts +++ b/src/stores/UIStore.ts @@ -15,8 +15,7 @@ export default class UIStore { makeAutoObservable(this); this.history.listen(({ pathname }) => { - console.log(`[history]: pathname changed to ${pathname}`); - + console.log(`[history]: pathname changed to "${pathname}"`); this.location = pathname; }); }