icons everywhere, also finalized checkout form

1 files changed, 10 insertions, 9 deletions

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 "";
-      }
     }
   }
 };