aboutsummaryrefslogtreecommitdiff
path: root/client/src/views
diff options
context:
space:
mode:
authorMateja <mail@matejamaric.com>2021-07-25 16:45:55 +0200
committerMateja <mail@matejamaric.com>2021-07-25 16:45:55 +0200
commitba0dfd3622d5a72b07fc1085b235383b20a6f9b1 (patch)
treea5bcfaafbefeb266492705ecd05b12a1d796d6f0 /client/src/views
parent73751eff7688ec9994c098ba95f1c08fad210e31 (diff)
downloadmevn-ecommerce-ba0dfd3622d5a72b07fc1085b235383b20a6f9b1.tar.gz
mevn-ecommerce-ba0dfd3622d5a72b07fc1085b235383b20a6f9b1.zip
Allow product removal on Checkout page.
Diffstat (limited to 'client/src/views')
-rw-r--r--client/src/views/Checkout.vue6
-rw-r--r--client/src/views/Product.vue2
2 files changed, 7 insertions, 1 deletions
diff --git a/client/src/views/Checkout.vue b/client/src/views/Checkout.vue
index 83d0940..8adeb4a 100644
--- a/client/src/views/Checkout.vue
+++ b/client/src/views/Checkout.vue
@@ -10,6 +10,7 @@
<i>${{ item.price }}</i>
</div>
<span class="badge bg-primary rounded-pill">{{ item.quantity }}</span>
+ <span class="badge bg-danger rounded-pill ms-2" @click="remove(item.id)">x</span>
</li>
</ul>
<p class="text-center my-3 fw-bold">You can buy {{ cartSize }} items for ${{ cartPrice }}.</p>
@@ -31,6 +32,11 @@ export default {
cartPrice() {
return this.$store.getters.getCartPrice;
}
+ },
+ methods: {
+ remove(id) {
+ this.$store.commit('removeFromCart', id);
+ }
}
}
</script>
diff --git a/client/src/views/Product.vue b/client/src/views/Product.vue
index ff43857..d1fde29 100644
--- a/client/src/views/Product.vue
+++ b/client/src/views/Product.vue
@@ -47,7 +47,7 @@ export default {
this.$store.commit('addToCart');
},
remove() {
- this.$store.commit('removeFromCart');
+ this.$store.commit('removeFromCart', this.$route.params.id);
}
}
}