From f6356a33df300ed3d7e45ca1ca2dad51d02d123c Mon Sep 17 00:00:00 2001
From: Sergey Yarkov <serzh.yarkov@gmail.com>
Date: Wed, 25 Aug 2021 17:53:56 +0300
Subject: [PATCH] feat: on hover link style

---
 src/components/Nav/NavLink.tsx | 4 ++++
 src/stores/UIStore.ts          | 3 +--
 2 files changed, 5 insertions(+), 2 deletions(-)

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<NavLinkProps> = ({ link, onCloseDrawer }) => {
         padding='10px 15px'
         fontWeight='500'
         transition='all .1s'
+        _hover={{
+          bg: `${colorMode === 'dark' ? 'gray.700' : 'gray.100'}`,
+          color: `blue.400`,
+        }}
       >
         <Box as={link.icon} boxSize='26px' mr={3} />
         {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;
     });
   }