|
1 | 1 | import { useState, useEffect, useRef } from 'react'; |
2 | | -import Link from 'next/link'; |
3 | | -import Image from 'next/image'; |
| 2 | +import Image from 'next/legacy/image'; |
4 | 3 | import { useRouter } from 'next/router'; |
5 | 4 | import Container from '@/components/containers/Container'; |
6 | 5 | import styles from '@/styles/Nav.module.scss'; |
@@ -57,48 +56,44 @@ export default function Nav() { |
57 | 56 | <div ref={containerRef}> |
58 | 57 | <nav className={styles.nav}> |
59 | 58 | <div className={styles.nav__logo}> |
60 | | - <Link href='/' passHref> |
61 | | - <a> |
62 | | - <Image |
63 | | - src='/images/svg/logo.svg' |
64 | | - height={115} |
65 | | - width={180} |
66 | | - alt='Logo' |
67 | | - title='Go to the Homepage' |
68 | | - /> |
69 | | - </a> |
70 | | - </Link> |
| 59 | + <a href='/' passhref='true'> |
| 60 | + <Image |
| 61 | + src='/images/svg/logo.svg' |
| 62 | + height={115} |
| 63 | + width={180} |
| 64 | + alt='Logo' |
| 65 | + title='Go to the Homepage' |
| 66 | + /> |
| 67 | + </a> |
71 | 68 | </div> |
72 | 69 | <ul |
73 | 70 | className={`${styles.nav__links} ${active ? styles.active : ''}`} |
74 | 71 | > |
75 | 72 | {linksNav.map(({ text, href, id }) => { |
76 | 73 | return ( |
77 | 74 | <li className={styles.nav__item} key={id}> |
78 | | - <Link href={href}> |
79 | | - <a |
80 | | - className={`${styles.nav__link} ${ |
81 | | - router.pathname == href ? `${styles.current}` : '' |
82 | | - }`} |
83 | | - title={text} |
84 | | - > |
85 | | - {text} |
86 | | - </a> |
87 | | - </Link> |
| 75 | + <a |
| 76 | + href={href} |
| 77 | + className={`${styles.nav__link} ${ |
| 78 | + router.pathname == href ? `${styles.current}` : '' |
| 79 | + }`} |
| 80 | + title={text} |
| 81 | + > |
| 82 | + {text} |
| 83 | + </a> |
88 | 84 | </li> |
89 | 85 | ); |
90 | 86 | })} |
91 | 87 | <li className={styles.nav__item}> |
92 | | - <Link href='mailto:hello@webdevpath.co?subject=Project collaborator application'> |
93 | | - <a |
94 | | - className={`${styles.nav__button} ${ |
95 | | - active ? styles.active : '' |
96 | | - }`} |
97 | | - title='Join us' |
98 | | - > |
99 | | - Join us |
100 | | - </a> |
101 | | - </Link> |
| 88 | + <a |
| 89 | + href='mailto:hello@webdevpath.co?subject=Project collaborator application' |
| 90 | + className={`${styles.nav__button} ${ |
| 91 | + active ? styles.active : '' |
| 92 | + }`} |
| 93 | + title='Join us' |
| 94 | + > |
| 95 | + Join us |
| 96 | + </a> |
102 | 97 | </li> |
103 | 98 | </ul> |
104 | 99 | <button |
|
0 commit comments