fix: use NavigationIcon for browser button

The browser button code is not the same than the others.
This commit is contained in:
M0nkeySan 2023-10-22 10:54:14 +02:00 committed by GitHub
commit eb6e0344d8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -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