feat: show food photos in coffee menu
This commit is contained in:
@@ -9,6 +9,8 @@ interface MenuItem {
|
|||||||
description: string;
|
description: string;
|
||||||
price: string;
|
price: string;
|
||||||
is_daily_special: boolean;
|
is_daily_special: boolean;
|
||||||
|
photos?: string[];
|
||||||
|
featured_photo?: string | null;
|
||||||
}
|
}
|
||||||
|
|
||||||
const gold = '#E8A849';
|
const gold = '#E8A849';
|
||||||
@@ -107,6 +109,15 @@ export default function CoffeePage() {
|
|||||||
boxShadow: '0 1px 3px rgba(1,13,30,0.08)',
|
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' }}>
|
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'baseline', marginBottom: '0.5rem' }}>
|
||||||
<strong style={{ color: navy }}>{item.name}</strong>
|
<strong style={{ color: navy }}>{item.name}</strong>
|
||||||
<span style={{ color: warm, fontWeight: 700 }}>${item.price}</span>
|
<span style={{ color: warm, fontWeight: 700 }}>${item.price}</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user