re fetch products after succesfull delete

src/components/PopUps/Delete/index.vue

@@ -121,12 +121,14 @@ export default {
           icon: 'el-icon-circle-check',
           iconStyle: 'font-size: 75px; color: green;'
         }
+        this.$emit('success', true)
       } else if (!response || response === 'error') {
         this.confirmation = {
           text: `Error deleting ${this.item.name} form ${this.type}s list. Please refresh your page and try again. If the Error persists, please contact dev team`,
           icon: 'el-icon-circle-close',
           iconStyle: 'font-size: 75px; color: red;'
         }
+        this.$emit('success', false)
       }
     }
   }

src/views/products/list.vue

@@ -43,9 +43,8 @@
           <deletePopUp
             :item="scope.row"
             :type="'product'"
+            @success="successfullyDeleted"
           />
-          <!-- NEED TO SEND BACK SUCCESSFULLY DELETED  from above SO IT REFETCHES THE PRODUCT LIST -->
-
         </template>
       </el-table-column>
     </el-table>
@@ -97,6 +96,11 @@ export default {
         this.total = response.data.fuels.length
         this.listLoading = false
       })
+    },
+    successfullyDeleted: function(val) {
+      if (val) {
+        this.getList()
+      }
     }
   }
 }