Updated Listing Fee Feedback

src/components/admin/fees/listingFee.vue

@@ -1,6 +1,11 @@
 <template>
   <section id="content">
+    <div v-if="updated">
+      <alert :text="'The listing fee has been updated!!'" :type="'SUCCESS'" />
+    </div>
+
     <label for="fee" class="uniLabel">LISTING FEE</label>
+
     <currency-input
       onClick="this.setSelectionRange(0, this.value.length)"
       name="fee"
@@ -17,10 +22,15 @@
 <script>
 /* eslint-disable */
 import { mapActions, mapGetters, mapState } from "vuex";
+import alert from "../../shared/alert";
 export default {
+  components: {
+    alert
+  },
   data() {
     return {
-      fee: 0.0
+      fee: 0.0,
+      updated: false
     };
   },
   mounted() {
@@ -33,13 +43,13 @@ export default {
         amount: parseFloat(this.fee),
         name: "Listing Fee"
       };
-
       this.setListingFee(feeObj);
+      setTimeout(() => {
+        this.updated = true;
+      }, 200);
     },
     async pullListingFee() {
       await this.retrieveListingFee();
-      console.log(this.getListingFee);
-
       this.fee = this.getListingFee.amount;
     }
   },