Refactor footer links to use React Router's Link component for improved navigation
This commit is contained in:
@@ -1,4 +1,5 @@
|
|||||||
import { useTranslation } from 'react-i18next'
|
import { useTranslation } from 'react-i18next'
|
||||||
|
import { Link } from 'react-router-dom'
|
||||||
|
|
||||||
function Footer() {
|
function Footer() {
|
||||||
const { t } = useTranslation()
|
const { t } = useTranslation()
|
||||||
@@ -12,12 +13,12 @@ function Footer() {
|
|||||||
</div>
|
</div>
|
||||||
<div className="footer-section">
|
<div className="footer-section">
|
||||||
<h4>{t('footer.quickLinks')}</h4>
|
<h4>{t('footer.quickLinks')}</h4>
|
||||||
<a href="/">{t('nav.home')}</a>
|
<Link to="/">{t('nav.home')}</Link>
|
||||||
<a href="/#servers">{t('nav.servers')}</a>
|
<Link to="/servers">{t('nav.servers')}</Link>
|
||||||
<a href="/#blog">{t('nav.blog')}</a>
|
<Link to="/blog">{t('nav.blog')}</Link>
|
||||||
<a href="https://git.cialloo.com">{t('nav.git')}</a>
|
<a href="https://git.cialloo.com">{t('nav.git')}</a>
|
||||||
<a href="/#forum">{t('nav.forum')}</a>
|
<a href="/#forum">{t('nav.forum')}</a>
|
||||||
<a href="/friends">{t('nav.friends')}</a>
|
<Link to="/friends">{t('nav.friends')}</Link>
|
||||||
</div>
|
</div>
|
||||||
<div className="footer-section">
|
<div className="footer-section">
|
||||||
<h4>{t('footer.communityLinks')}</h4>
|
<h4>{t('footer.communityLinks')}</h4>
|
||||||
|
|||||||
Reference in New Issue
Block a user