no image
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
@@ -27,7 +27,7 @@ const MenuItem = ({ food }: MenuItemProps) => {
|
|||||||
return 0;
|
return 0;
|
||||||
}, [items, food.id]);
|
}, [items, food.id]);
|
||||||
|
|
||||||
const fallbackImage = "/assets/images/food-preview.png";
|
const fallbackImage = "/assets/images/no-image.png";
|
||||||
const resolvedImage = useMemo(() => {
|
const resolvedImage = useMemo(() => {
|
||||||
if (food.image) return food.image;
|
if (food.image) return food.image;
|
||||||
if (Array.isArray(food.images) && food.images.length > 0) {
|
if (Array.isArray(food.images) && food.images.length > 0) {
|
||||||
@@ -99,7 +99,7 @@ const MenuItem = ({ food }: MenuItemProps) => {
|
|||||||
<div className="flex gap-4 w-full h-full items-center">
|
<div className="flex gap-4 w-full h-full items-center">
|
||||||
<Link href={foodDetailUrl} className="cursor-pointer">
|
<Link href={foodDetailUrl} className="cursor-pointer">
|
||||||
<Image
|
<Image
|
||||||
className="rounded-xl min-w-28 w-28 object-cover"
|
className="rounded-xl bg-[#F2F2F9] min-w-28 w-28 object-cover"
|
||||||
src={resolvedImage}
|
src={resolvedImage}
|
||||||
height={112}
|
height={112}
|
||||||
width={112}
|
width={112}
|
||||||
|
|||||||
Reference in New Issue
Block a user