1 files changed, 12 insertions, 5 deletions
diff --git a/iridescence/src/components/admin/NewProduct.vue b/iridescence/src/components/admin/NewProduct.vue
index 48eb165..cd8a93e 100644
--- a/iridescence/src/components/admin/NewProduct.vue
+++ b/iridescence/src/components/admin/NewProduct.vue
@@ -17,7 +17,7 @@
             <button class="delete" @click="toggleModal"></button>
           </header>
           <section class="modal-card-body">
-            <ProductEditCard v-bind:parent-product="template"></ProductEditCard>
+            <ProductEditCard v-bind:index="-1"></ProductEditCard>
           </section>
           <footer class="modal-card-foot"></footer>
         </div>
@@ -27,7 +27,6 @@
 </template>
 
 <script>
-import Product from "@/models/product";
 import ProductEditCard from "@/components/admin/ProductEditCard";
 
 export default {
@@ -37,11 +36,19 @@ export default {
   },
   data: function() {
     return {
-      modalEnabled: false,
-      template: new Product({}),
-      addAnother: false
+      modalEnabled: false
     };
   },
+  computed: {
+    numProducts: function() {
+      return this.$store.getters.products.length;
+    }
+  },
+  watch: {
+    numProducts: function() {
+      this.modalEnabled = false;
+    }
+  },
   methods: {
     toggleModal() {
       this.modalEnabled = !this.modalEnabled;