From d8d44376d193d925582a0a12373e1403df49cf63 Mon Sep 17 00:00:00 2001
From: "Adam T. Carpenter" <atc@53hor.net>
Date: Thu, 3 Dec 2020 19:25:12 -0500
Subject: basic cart subtotaling, sidebar with total and checkout controls,
 better navbar cart buttons

---
 iridescence/src/components/CartCheckout.vue | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

(limited to 'iridescence/src/components/CartCheckout.vue')

diff --git a/iridescence/src/components/CartCheckout.vue b/iridescence/src/components/CartCheckout.vue
index 19ad706..cde78d9 100644
--- a/iridescence/src/components/CartCheckout.vue
+++ b/iridescence/src/components/CartCheckout.vue
@@ -1,10 +1,13 @@
 <template>
   <div id="cartCheckout">
-    <div class="buttons">
-      <router-link to="/cart" class="button">Cart ({{ inCart }})</router-link>
-      <router-link to="/checkout" class="button is-primary">
-        Checkout
-      </router-link>
+    <div class="buttons has-addons">
+      <router-link to="/cart" class="button is-primary is-rounded"
+        >🛒</router-link
+      >
+      <button class="button is-static">x{{ inCart }}</button>
+      <button class="button is-static is-rounded">
+        {{ cartTotal }}
+      </button>
     </div>
   </div>
 </template>
@@ -18,6 +21,9 @@ export default {
         (acc, cur) => acc + cur,
         0
       );
+    },
+    cartTotal() {
+      return this.$store.getters.cartTotal;
     }
   }
 };
-- 
cgit v1.2.3