Revert "Merge branch 'revert-326b63f0' into 'master'"

This reverts merge request !1

app/Http/Controllers/CartController.php

@@ -57,10 +57,17 @@ class CartController extends Controller
 
         $cart->removeItem($product->id);
 
+        $response = [];
+
         if (!$cart->total_qty) {
             Session::forget('cart');
-            return route('homepage');
+            $response['redirectLink'] = route('homepage');
+            return json_encode($response);
         }
+
+        $response['totalQty'] = $cart->total_qty;
+
+        return json_encode($response);
     }
 
     public function clearCart()

public/js/cart.js

@@ -36,11 +36,14 @@ function setRemoveItemEventListener() {
 
         axios.post(actionUrl)
             .then(function (response) {
-                const redirectLinkWhenCartIsEmpty = response.data;
-                if (redirectLinkWhenCartIsEmpty) {
-                    window.location.replace(redirectLinkWhenCartIsEmpty);
+                const data = response.data;
+
+                if ('totalQty' in data) {
+                    document.querySelector('.amount-in-cart').textContent = data.totalQty;
+                    e.target.closest('.js-product-row').remove();
+                    toastr.success('Product deleted');
                 } else {
-                    document.location.reload(true);
+                    window.location.replace(data.redirectLink);
                 }
             })
             .catch(function (error) {

resources/views/cart.blade.php

@@ -63,7 +63,7 @@
 
                     <tbody class="js-products-in-cart">
                         @foreach($products as $product)
-                            <tr>
+                            <tr class="js-product-row">
                                 <td>
                                     <div class="row">
                                         <div class="col-sm-3 hidden-xs"><img src="/img/{{ $product['item']->type }}.jpg" width="100" height="100" alt="{{ $product['item']->reference }}" class="img-responsive"/></div>