From eb6e0344d88712e8b8b060ddf1e2004d87503014 Mon Sep 17 00:00:00 2001
From: M0nkeySan <thibaut.farcin@gmail.com>
Date: Sun, 22 Oct 2023 10:54:14 +0200
Subject: [PATCH] fix: use NavigationIcon for browser button

The browser button code is not the same than the others.
---
 components/Navigation.js | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

diff --git a/components/Navigation.js b/components/Navigation.js
index 0f9a7aa..d8ed2f2 100644
--- a/components/Navigation.js
+++ b/components/Navigation.js
@@ -72,11 +72,7 @@ export default function Navigation() {
             <li
               onClick={() => setIsOpen(false)}
               className='m-2 cursor-pointer rounded-xl border-2 border-gray-400 p-4 dark:border-gray-900 '>
-              <div
-                className='flex'
-                onClick={() =>
-                  (window.location.href = '/get-posts/category:Movies/')
-                }>
+              <NavigationIcon href='/get-posts/category:Movies/'>
                 <svg
                   data-tooltip-id='my-tooltip'
                   data-tooltip-content='Browse'
@@ -92,7 +88,7 @@ export default function Navigation() {
                   <path d='M16 8a8.001 8.001 0 0 1-7.022 7.94l1.902-7.098a2.995 2.995 0 0 0 .05-1.492A2.977 2.977 0 0 0 10.237 6h5.511A8 8 0 0 1 16 8ZM0 8a8 8 0 0 0 7.927 8l1.426-5.321a2.978 2.978 0 0 1-.723.255 2.979 2.979 0 0 1-1.743-.147 2.986 2.986 0 0 1-1.043-.7L.633 4.876A7.975 7.975 0 0 0 0 8Zm5.004-.167L1.108 3.936A8.003 8.003 0 0 1 15.418 5H8.066a2.979 2.979 0 0 0-1.252.243 2.987 2.987 0 0 0-1.81 2.59ZM8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z' />
                 </svg>
                 <p className='ml-2'>Browse</p>
-              </div>
+              </NavigationIcon>
             </li>
             <li
               onClick={() => setIsOpen(false)}
@@ -231,10 +227,7 @@ export default function Navigation() {
           </svg>
         </NavigationIcon>
 
-        <div
-          onClick={() =>
-            (window.location.href = '/get-posts/category:Movies/')
-          }>
+        <NavigationIcon href='/get-posts/category:Movies/'>
           <svg
             data-tooltip-id='my-tooltip'
             data-tooltip-content='Browse'
@@ -249,7 +242,7 @@ export default function Navigation() {
             viewBox='0 0 16 16'>
             <path d='M16 8a8.001 8.001 0 0 1-7.022 7.94l1.902-7.098a2.995 2.995 0 0 0 .05-1.492A2.977 2.977 0 0 0 10.237 6h5.511A8 8 0 0 1 16 8ZM0 8a8 8 0 0 0 7.927 8l1.426-5.321a2.978 2.978 0 0 1-.723.255 2.979 2.979 0 0 1-1.743-.147 2.986 2.986 0 0 1-1.043-.7L.633 4.876A7.975 7.975 0 0 0 0 8Zm5.004-.167L1.108 3.936A8.003 8.003 0 0 1 15.418 5H8.066a2.979 2.979 0 0 0-1.252.243 2.987 2.987 0 0 0-1.81 2.59ZM8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z' />
           </svg>
-        </div>
+        </NavigationIcon>
 
         <NavigationIcon href='/search'>
           <svg