From ba965367090f183d62490c6a5e4d5ef5ea654dad Mon Sep 17 00:00:00 2001
From: "Adam T. Carpenter" <atc@53hor.net>
Date: Fri, 18 Dec 2020 17:09:30 -0500
Subject: icons everywhere, also finalized checkout form

---
 iridescence/src/components/CartCheckout.vue | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

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

diff --git a/iridescence/src/components/CartCheckout.vue b/iridescence/src/components/CartCheckout.vue
index 590e5b9..1b327b2 100644
--- a/iridescence/src/components/CartCheckout.vue
+++ b/iridescence/src/components/CartCheckout.vue
@@ -1,9 +1,17 @@
 <template>
   <div id="cartCheckout">
     <div class="buttons has-addons">
-      <router-link to="/cart" class="button is-primary is-rounded"
-        >🛒 {{ checkoutReady }}</router-link
+      <router-link
+        v-if="inCart"
+        to="/cart"
+        class="button is-success is-rounded"
       >
+        <span class="iconify-inline" data-icon="mdi-cart"></span>
+        <span>Checkout</span></router-link
+      >
+      <a v-else class="button is-static is-rounded">
+        <span class="iconify-inline" data-icon="mdi-cart"></span>
+      </a>
       <button class="button is-static">x{{ inCart }}</button>
       <button class="button is-static is-rounded">
         {{ cartTotal }}
@@ -24,13 +32,6 @@ export default {
     },
     cartTotal() {
       return this.$store.getters.cartTotal;
-    },
-    checkoutReady() {
-      if (this.inCart) {
-        return "Checkout";
-      } else {
-        return "";
-      }
     }
   }
 };
-- 
cgit v1.2.3

