feat: show food photos in coffee menu
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user