gilles/home_hub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(home): tuiles d'accueil navigables via Link React Router

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
gilles
2026-05-24 14:48:12 +02:00
co-authored by Claude Sonnet 4.6
parent d31cde3d59
commit 6ef64dfe1c
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/HomePage.tsx
+7 -4
View File
@@ -1,3 +1,5 @@
import { Link } from 'react-router-dom'
export default function HomePage() { export default function HomePage() {
return ( return (
<div className="p-4"> <div className="p-4">
@@ -11,18 +13,19 @@ export default function HomePage() {
</div> </div>
<div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(140px, 1fr))', gap: 12 }}> <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(140px, 1fr))', gap: 12 }}>
{[ {[
{ label: 'Todos', icon: 'list', path: '/todos' }, { label: 'Todos', icon: 'list-check', path: '/todos' },
{ label: 'Courses', icon: 'cart-shopping', path: '/shopping' }, { label: 'Courses', icon: 'cart-shopping', path: '/shopping' },
{ label: 'Notes', icon: 'note-sticky', path: '/notes' }, { label: 'Notes', icon: 'note-sticky', path: '/notes' },
].map((item) => ( ].map((item) => (
<div <Link
key={item.path} key={item.path}
to={item.path}
className="glass interactive" className="glass interactive"
style={{ padding: 20, borderRadius: 10, textAlign: 'center', cursor: 'pointer', minHeight: 80, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', gap: 8 }} style={{ padding: 20, borderRadius: 10, textAlign: 'center', cursor: 'pointer', minHeight: 80, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', gap: 8, textDecoration: 'none' }}
> >
<i className={`fa-solid fa-${item.icon}`} style={{ fontSize: 24, color: 'var(--accent)' }} /> <i className={`fa-solid fa-${item.icon}`} style={{ fontSize: 24, color: 'var(--accent)' }} />
<span style={{ color: 'var(--ink-1)', fontFamily: 'var(--font-ui)', fontSize: 14 }}>{item.label}</span> <span style={{ color: 'var(--ink-1)', fontFamily: 'var(--font-ui)', fontSize: 14 }}>{item.label}</span>
</div> </Link>
))} ))}
</div> </div>
</div> </div>