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

feat(shopping): affichage stats d'achat dans le catalogue (dernier achat + intervalle moyen)

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
gilles soulier
2026-05-25 07:13:08 +02:00
parent dee7037d70
commit f86dd01d95
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/shopping/CatalogueModal.tsx
+7 -1
View File
@@ -311,10 +311,16 @@ export default function CatalogueModal({ stores, onClose }: CatalogueModalProps)
{p.name}
{p.brand && <span style={{ color: 'var(--ink-3)', fontSize: 12, marginLeft: 6 }}>{p.brand}</span>}
</div>
<div style={{ display: 'flex', gap: 8, marginTop: 2 }}>
<div style={{ display: 'flex', gap: 8, marginTop: 2, flexWrap: 'wrap' }}>
{p.category && <span style={{ color: 'var(--info)', fontSize: 11, fontFamily: 'var(--font-ui)' }}>{p.category}</span>}
{p.default_unit && <span style={{ color: 'var(--ink-3)', fontSize: 11, fontFamily: 'var(--font-mono)' }}>{p.default_unit}</span>}
{p.price && <span style={{ color: 'var(--ok)', fontSize: 11, fontFamily: 'var(--font-mono)' }}>{p.price} €</span>}
{p.last_purchased_at && (
<span style={{ color: 'var(--ink-4)', fontSize: 11, fontFamily: 'var(--font-mono)' }}>
↻ {new Date(p.last_purchased_at).toLocaleDateString('fr-FR', { day: '2-digit', month: 'short' })}
{p.avg_interval_days && ` · ~${Math.round(Number(p.avg_interval_days))}j`}
</span>
)}
</div>
</div>
<button