diff --git a/src/Infrastructure/Data/CatalogContext.cs b/src/Infrastructure/Data/CatalogContext.cs
index fc2e4b6a2..de46fb48b 100644
--- a/src/Infrastructure/Data/CatalogContext.cs
+++ b/src/Infrastructure/Data/CatalogContext.cs
@@ -24,4 +24,5 @@ protected override void OnModelCreating(ModelBuilder builder)
         base.OnModelCreating(builder);
         builder.ApplyConfigurationsFromAssembly(Assembly.GetExecutingAssembly());
     }
+    
 }
diff --git a/src/Web/ViewModels/OrderDetailViewModel.cs b/src/Web/ViewModels/OrderDetailViewModel.cs
index 18a3aa0dd..03cdc4b08 100644
--- a/src/Web/ViewModels/OrderDetailViewModel.cs
+++ b/src/Web/ViewModels/OrderDetailViewModel.cs
@@ -2,5 +2,8 @@
 
 public class OrderDetailViewModel : OrderViewModel
 {
+    public int UserId { get; set; }
     public List<OrderItemViewModel> OrderItems { get; set; } = new();
+    public bool Shipped { get; set; }
+    public int OrderId { get; set; }
 }
diff --git a/src/Web/Views/Order/Detail.cshtml b/src/Web/Views/Order/Detail.cshtml
index c5eb47b79..518a80bda 100644
--- a/src/Web/Views/Order/Detail.cshtml
+++ b/src/Web/Views/Order/Detail.cshtml
@@ -10,7 +10,7 @@
     <div class="container">
         <section class="esh-orders-detail-section">
             <article class="esh-orders-detail-titles row">
-                <section class="esh-orders-detail-title col-xs-3">Order number</section>
+                <section class="esh-orders-detail-title col-xs-3">User Id</section>
                 <section class="esh-orders-detail-title col-xs-3">Date</section>
                 <section class="esh-orders-detail-title col-xs-2">Total</section>
                 <section class="esh-orders-detail-title col-xs-3">Status</section>
@@ -66,12 +66,37 @@
             <article class="esh-orders-detail-titles esh-basket-titles--clean row">
                 <section class="esh-orders-detail-title col-xs-9"></section>
                 <section class="esh-orders-detail-title col-xs-2">TOTAL</section>
+                
             </article>
 
             <article class="esh-orders-detail-items row">
                 <section class="esh-orders-detail-item col-xs-9"></section>
                 <section class="esh-orders-detail-item esh-orders-detail-item--mark col-xs-2">$ @Model.Total.ToString("N2")</section>
+                <button class="btn btn-primary" id="approveOrderBtn">Approve Order</button>
             </article>
+            
         </section>
     </div>
 </div>
+<script>
+    document.getElementById("approveOrderBtn").addEventListener("click", function () {
+        fetch('/approveOrder', {
+            method: 'POST',
+            body: JSON.stringify({ orderId: '@Model.OrderId' }),
+            headers: {
+                'Content-Type': 'application/json'
+            }
+        })
+            .then(response => {
+                if (response.ok) {
+                    alert('Sipariş başarıyla onaylandı.');
+                    window.location.reload();
+                } else {
+                    alert('Sipariş başarıyla onaylandı');
+                }
+            })
+            .catch(error => {
+                alert('Bir ağ hatası oluştu. Lütfen tekrar deneyin.');
+            });
+    });
+</script>
\ No newline at end of file
diff --git a/src/Web/Views/Order/MyOrders.cshtml b/src/Web/Views/Order/MyOrders.cshtml
index 7478ba6ea..6cc93e1b8 100644
--- a/src/Web/Views/Order/MyOrders.cshtml
+++ b/src/Web/Views/Order/MyOrders.cshtml
@@ -7,7 +7,7 @@
     <div class="container">
         <h1>@ViewData["Title"]</h1>
         <article class="esh-orders-titles row">
-            <section class="esh-orders-title col-xs-2">Order number</section>
+            <section class="esh-orders-title col-xs-2">User Id</section>
             <section class="esh-orders-title col-xs-4">Date</section>
             <section class="esh-orders-title col-xs-2">Total</section>
             <section class="esh-orders-title col-xs-2">Status</section>