no image

src/components/listview/MenuItem.tsx

@@ -27,7 +27,7 @@ const MenuItem = ({ food }: MenuItemProps) => {
     return 0;
   }, [items, food.id]);
 
-  const fallbackImage = "/assets/images/food-preview.png";
+  const fallbackImage = "/assets/images/no-image.png";
   const resolvedImage = useMemo(() => {
     if (food.image) return food.image;
     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">
       <Link href={foodDetailUrl} className="cursor-pointer">
         <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}
           height={112}
           width={112}