wait for features after deletion

src/components/Feature/Detail/FeatureHeader.vue

@@ -45,7 +45,7 @@
             v-if="((permissions && permissions.can_update_feature) || isFeatureCreator) && isOnline"
             id="currentFeature-delete"
             class="ui button button-hover-red"
-            @click="isCanceling = true"
+            @click="$emit('delete')"
           >
             <i
               class="inverted grey trash alternate icon"

src/views/Feature/FeatureDetail.vue

@@ -9,7 +9,9 @@
     >
       <div class="row">
         <div class="sixteen wide column">
-          <FeatureHeader />
+          <FeatureHeader
+            @delete="isCanceling = true"
+          />
         </div>
       </div>
       <div class="row">
@@ -52,7 +54,7 @@
       </div>
       <div
         v-if="isCanceling"
-        class="ui dimmer modals page transition visible active"
+        class="ui dimmer modals transition visible active"
         style="display: flex !important"
       >
         <div
@@ -234,9 +236,9 @@ export default {
     deleteFeature() {
       this.$store
         .dispatch('feature/DELETE_FEATURE', { feature_id: this.currentFeature.feature_id })
-        .then((response) => {
+        .then(async (response) => {
           if (response.status === 204) {
-            this.GET_PROJECT_FEATURES({
+            await this.GET_PROJECT_FEATURES({
               project_slug: this.$route.params.slug
             });
             this.goBackToProject();