From 54a88fa9eaaf796657264514f14dce100aa28df5 Mon Sep 17 00:00:00 2001
From: alaguraj <alaguraj0361@gmail.com>
Date: Wed, 30 Jul 2025 19:38:15 +0530
Subject: [PATCH] menu item create and updated issues fixed

---
 .../pos/(product)/product-list/page.jsx       |  3 +-
 .../pos/(product)/update-product/page.jsx     | 30 ++++++++++++-------
 src/app/admin/(pos-system)/pos/sides/page.jsx |  4 +--
 src/app/waiter/menu-items/page.jsx            |  7 +++--
 4 files changed, 27 insertions(+), 17 deletions(-)

diff --git a/src/app/admin/(pos-system)/pos/(product)/product-list/page.jsx b/src/app/admin/(pos-system)/pos/(product)/product-list/page.jsx
index 0ed806f..a8c3fb0 100644
--- a/src/app/admin/(pos-system)/pos/(product)/product-list/page.jsx
+++ b/src/app/admin/(pos-system)/pos/(product)/product-list/page.jsx
@@ -8,6 +8,7 @@ import PageNoData from "@/components/common-component/PageNoData";
 import Breadcrumb from "@/components/Breadcrumb";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
+import { ImageBase } from "@utils/BaseUrl.utils";
 
 const ProductListInner = () => {
 
@@ -359,7 +360,7 @@ const ProductListInner = () => {
                 <div className="card cursor-pointer position-relative ">
                     <div className="card-body text-center p-3">
                         <img
-                            src={menu.profileImg}
+                            src={`${ImageBase}/${menu.item_image}`}
                             alt=""
                             className="border br-white border-width-2-px w-100-px h-100-px rounded-circle object-fit-cover"
                         />
diff --git a/src/app/admin/(pos-system)/pos/(product)/update-product/page.jsx b/src/app/admin/(pos-system)/pos/(product)/update-product/page.jsx
index c2521ce..3be62c6 100644
--- a/src/app/admin/(pos-system)/pos/(product)/update-product/page.jsx
+++ b/src/app/admin/(pos-system)/pos/(product)/update-product/page.jsx
@@ -7,13 +7,17 @@ import MasterLayout from "@/masterLayout/MasterLayout";
 import Breadcrumb from "@/components/Breadcrumb";
 import { useSearchParams } from "next/navigation";
 import axios from "axios";
-import { Baseurl } from "@utils/BaseUrl.utils";
+import { Baseurl, ImageBase } from "@utils/BaseUrl.utils";
+import { useRouter } from "next/navigation";
 
 const UpdateProduct = () => {
+
     const searchParams = useSearchParams();
     const category = searchParams.get("category");
     const MenuItemName = searchParams.get("menuitemname");
 
+    const router = useRouter()
+
     const [imagePreview, setImagePreview] = useState(null);
     const [imageFile, setImageFile] = useState(null);
     const [errors, setErrors] = useState({});
@@ -39,16 +43,19 @@ const UpdateProduct = () => {
             const res = await client.get(
                 `/Dine360%20Menu%20Category/${category}?fields=["*"]&limit_page_length=100`
             );
-            const item = res?.data?.data?.menuitems_child?.[0];
-            if (item) {
+            const item = res?.data?.data?.menuitems_child;
+            const menuItemName = MenuItemName
+            const selectedItem = item?.find((obj) => obj.name === menuItemName);
+
+            if (selectedItem) {
                 setFormData((prev) => ({
                     ...prev,
-                    ...item,
-                    is_active: !!item.is_active,
-                    is_special: !!item.is_special,
+                    ...selectedItem,
+                    is_active: !!selectedItem.is_active,
+                    is_special: !!selectedItem.is_special,
                 }));
-                if (item.image_item) {
-                    setImagePreview(`${process.env.NEXT_PUBLIC_IMAGE_BASE}/${item.image_item}`);
+                if (selectedItem.item_image) {
+                    setImagePreview(`${ImageBase}/${selectedItem.item_image}`);
                 }
             }
         } catch (error) {
@@ -95,7 +102,7 @@ const UpdateProduct = () => {
             newErrors.description = "Description is too short";
         }
         if (!imageFile && !imagePreview) {
-            newErrors.image_item = "Image is required";
+            newErrors.item_image = "Image is required";
         }
         return newErrors;
     };
@@ -111,6 +118,7 @@ const UpdateProduct = () => {
 
         const body =
         {
+            name: MenuItemName,
             menuitemname: formData.menuitemname,
             price: formData.price,
             is_active: formData.is_active ? 1 : 0,
@@ -327,8 +335,8 @@ const UpdateProduct = () => {
                                                     />
                                                 </label>
                                             )}
-                                            {errors.image_item && (
-                                                <div className="text-danger small">{errors.image_item}</div>
+                                            {errors.item_image && (
+                                                <div className="text-danger small">{errors.item_image}</div>
                                             )}
                                         </div>
                                     </div>
diff --git a/src/app/admin/(pos-system)/pos/sides/page.jsx b/src/app/admin/(pos-system)/pos/sides/page.jsx
index 0a09a03..e7a4ca0 100644
--- a/src/app/admin/(pos-system)/pos/sides/page.jsx
+++ b/src/app/admin/(pos-system)/pos/sides/page.jsx
@@ -306,7 +306,7 @@ const SidesPageInner = () => {
                 <div className="">
                     <div className="row gy-3 gx-3 gx-lg-5 gy-lg-5 justify-content-center">
 
-                        <div className="col-xl-2 col-lg-3 col-md-4">
+                        <div className="col-xl-3 col-lg-3 col-md-4">
                             <div className="d-inline-block" style={{width:"100%"}}>
                                 <div className="card p-0 overflow-hidden radius-12 h-100">
                                     <div className="card-body p-24">
@@ -386,7 +386,7 @@ const SidesPageInner = () => {
                                 </div>
                             </div>
                         </div>
-                        <div className="col-xl-10 col-lg-9 col-md-8">
+                        <div className="col-xl-9 col-lg-9 col-md-8">
                             <div className="row gy-3 gx-3 gx-lg-5 gy-lg-5">
                                 <div className="col-xxl-3 col-xl-3 col-lg-4 col-sm-6 col-6 cursor-pointer">
                                     <div className="card p-3 shadow-2 radius-8 h-100 border border-white position-relative">
diff --git a/src/app/waiter/menu-items/page.jsx b/src/app/waiter/menu-items/page.jsx
index 81c479e..a6fa5ca 100644
--- a/src/app/waiter/menu-items/page.jsx
+++ b/src/app/waiter/menu-items/page.jsx
@@ -9,6 +9,7 @@ import { Icon } from "@iconify/react";
 import PageLoader from "@/components/common-component/PageLoader";
 import PageNoData from "@/components/common-component/PageNoData";
 import Breadcrumb from "@/components/Breadcrumb";
+import { ImageBase } from "@utils/BaseUrl.utils";
 
 const MenuItemsCategoryInner = () => {
     const params = useParams();
@@ -337,7 +338,7 @@ const MenuItemsCategoryInner = () => {
                     >
                         <div className="card-body text-center p-3">
                             <img
-                                src={menu.profileImg}
+                                src={`${ImageBase}/${menu.item_image}`}
                                 alt=""
                                 className="border br-white border-width-2-px w-100-px h-100-px rounded-circle object-fit-cover"
                             />
@@ -537,7 +538,7 @@ const MenuItemsCategoryInner = () => {
                                                             <div className="d-flex align-items-center gap-3">
                                                                 <div className="flex-shrink-0">
                                                                     <img
-                                                                        src={item.profileImg}
+                                                                        src={`${ImageBase}/${item.item_image}`}
                                                                         alt={item.menuitemname}
                                                                         className="rounded-circle"
                                                                         style={{
@@ -633,7 +634,7 @@ const MenuItemsCategoryInner = () => {
                                         {/* Col 1 - Image */}
                                         <div className="col-md-4">
                                             <img
-                                                src="https://images.immediate.co.uk/production/volatile/sites/30/2020/08/chorizo-mozarella-gnocchi-bake-cropped-9ab73a3.jpg?quality=90&resize=700,636"
+                                                src={`${ImageBase}/${selectedItem.item_image}`}
                                                 alt={selectedItem.menuitemname}
                                                 className="w-100 rounded"
                                                 style={{ objectFit: 'cover' }}