feat: show food photos in coffee menu

This commit is contained in:
2026-06-30 00:34:01 -05:00
parent 04d5f8c727
commit 2288c8563d
+11
View File
@@ -9,6 +9,8 @@ interface MenuItem {
description: string;
price: string;
is_daily_special: boolean;
photos?: string[];
featured_photo?: string | null;
}
const gold = '#E8A849';
@@ -107,6 +109,15 @@ export default function CoffeePage() {
boxShadow: '0 1px 3px rgba(1,13,30,0.08)',
}}
>
{(item.photos && item.photos.length > 0) && (
<div style={{ marginBottom: '0.75rem' }}>
<img
src={item.featured_photo || item.photos[0]}
alt={item.name}
style={{ width: '100%', height: 120, objectFit: 'cover', borderRadius: '12px' }}
/>
</div>
)}
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'baseline', marginBottom: '0.5rem' }}>
<strong style={{ color: navy }}>{item.name}</strong>
<span style={{ color: warm, fontWeight: 700 }}>${item.price}</span>