Refactor footer links to use React Router's Link component for improved navigation

This commit is contained in:
2025-10-03 16:29:56 +08:00
parent a10367f825
commit 1c618121df

View File

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