diff --git a/src/pages/CafeManagement/EditCafe.jsx b/src/pages/CafeManagement/EditCafe.jsx
index df96e72..5e696fa 100644
--- a/src/pages/CafeManagement/EditCafe.jsx
+++ b/src/pages/CafeManagement/EditCafe.jsx
@@ -108,23 +108,16 @@ export default function EditCafe() {
     localStorage.setItem("cafeCategories", JSON.stringify(categories));
   }, [categories]);
 
+  console.log("Editing cafe ID:", id);
+
   // API Calls
   const fetchCafeData = async () => {
     setLoading(true);
     setError("");
     try {
-      const res = await cafeService.getCafeList();
-      if (res.data.success && res.data.data) {
-        const cafe = res.data.data.find((c) => c._id === id);
-        if (cafe) {
-          setCafeData(cafe);
-          console.log("✅ Cafe data loaded:", cafe);
-        } else {
-          setError("کافه مورد نظر یافت نشد");
-        }
-      } else {
-        setError("داده‌های کافه معتبر نیست");
-      }
+      const res = await cafeService.getCafeById(id);
+      console.log("🔄 Fetching cafe data:", res?.data?.data);
+      setCafeData(res?.data?.data);
     } catch (error) {
       console.error("❌ Error loading cafe:", error);
       const errorMessage =
@@ -330,19 +323,19 @@ export default function EditCafe() {
               <div className="flex flex-cols-1 gap-3 mt-2">
                 <div className="relative">
                   <img src={coffee01} alt="cofee" />
-                  <span className=" flex justify-center items-center absolute top-0 left-0 text-white w-5 h-5 bg-[#938C8A] rounded-sm cursor-pointer">
+                  <span className=" flex justify-center items-center absolute top-0 left-0 text-white w-5 h-5 bg-[#938C8A] rounded-lg cursor-pointer">
                     <RxCross2 size={14} className=" hover:scale-120 " />
                   </span>
                 </div>
                 <div className="relative">
                   <img src={coffee02} alt="cofee" />
-                  <span className=" flex justify-center items-center absolute top-0 left-0 text-white w-5 h-5 bg-[#938C8A] rounded-sm cursor-pointer">
+                  <span className=" flex justify-center items-center absolute top-0 left-0 text-white w-5 h-5 bg-[#938C8A] rounded-lg cursor-pointer">
                     <RxCross2 size={14} className=" hover:scale-120 " />
                   </span>
                 </div>
                 <div className="relative">
                   <img src={coffee03} alt="cofee" />
-                  <span className=" flex justify-center items-center absolute top-0 left-0 text-white w-5 h-5 bg-[#938C8A] rounded-sm cursor-pointer">
+                  <span className=" flex justify-center items-center absolute top-0 left-0 text-white w-5 h-5 bg-[#938C8A] rounded-lg cursor-pointer">
                     <RxCross2 size={14} className=" hover:scale-120 " />
                   </span>
                 </div>
@@ -351,19 +344,19 @@ export default function EditCafe() {
               <div className="flex flex-cols-1 gap-3 mt-3">
                 <div className="relative">
                   <img src={coffee04} alt="cofee" />
-                  <span className=" flex justify-center items-center absolute top-0 left-0 text-white w-5 h-5 bg-[#938C8A] rounded-sm cursor-pointer">
+                  <span className=" flex justify-center items-center absolute top-0 left-0 text-white w-5 h-5 bg-[#938C8A] rounded-lg cursor-pointer">
                     <RxCross2 size={14} className=" hover:scale-120 " />
                   </span>
                 </div>
                 <div className="relative">
                   <img src={coffee05} alt="cofee" />
-                  <span className=" flex justify-center items-center absolute top-0 left-0 text-white w-5 h-5 bg-[#938C8A] rounded-sm cursor-pointer">
+                  <span className=" flex justify-center items-center absolute top-0 left-0 text-white w-5 h-5 bg-[#938C8A] rounded-lg cursor-pointer">
                     <RxCross2 size={14} className=" hover:scale-120 " />
                   </span>
                 </div>
                 <div className="relative">
                   <img src={coffee06} alt="cofee" />
-                  <span className=" flex justify-center items-center absolute top-0 left-0 text-white w-5 h-5 bg-[#938C8A] rounded-sm cursor-pointer">
+                  <span className=" flex justify-center items-center absolute top-0 left-0 text-white w-5 h-5 bg-[#938C8A] rounded-lg cursor-pointer">
                     <RxCross2 size={14} className=" hover:scale-120 " />
                   </span>
                 </div>
@@ -379,7 +372,7 @@ export default function EditCafe() {
                   <span
                     className="absolute top-0 left-0 
                    flex justify-center items-center
-                   w-5 h-5 bg-[#938C8A] rounded-sm cursor-pointer"
+                   w-5 h-5 bg-[#938C8A] rounded-lg cursor-pointer"
                   >
                     <RxCross2 size={14} />
                   </span>
diff --git a/src/services/cafe.js b/src/services/cafe.js
index a5072cd..6dc5f2c 100644
--- a/src/services/cafe.js
+++ b/src/services/cafe.js
@@ -2,7 +2,12 @@ import requests from "./api/base-api";
 
 const cafeService = {
     getCafeList: () => requests.get("/admin/v1/get-cafe-lists"),
-    editCafe: (id, cafeData) => requests.put(`/cafe/v1/get-cafe-profile-by-cafe/${id}`, cafeData),
+    getCafeById: (id) => requests.get(`/cafe/v1/get-cafe-profile-by-cafe/${id}`),
+
+    editCafe: (cafeData) => requests.put(`/cafe/v1/edit-cafe-profile-by-admin`, cafeData),
+    editMenu: (menuData) => requests.put(`/cafe/v1/edit-menu-items`, menuData),
+
+    addMenuItem: (itemData) => requests.post(`/cafemenu/create-cafe-menu`, itemData),
 };
 
 export default cafeService;
\ No newline at end of file