fix feature status label to work with both api endpoint

src/components/Feature/Detail/FeatureTable.vue

@@ -72,7 +72,7 @@
               class="inline"
             />
             <span v-else>
-              {{ currentFeature.properties.status.label }}
+              {{ statusLabel }}
             </span>
           </td>
         </tr>
@@ -140,7 +140,7 @@ import { mapState } from 'vuex';
 import FeatureTypeLink from '@/components/FeatureType/FeatureTypeLink';
 import FeatureEditStatusField from '@/components/Feature/FeatureEditStatusField';
 import FeatureExtraForm from '@/components/Feature/Edit/FeatureExtraForm';
-import { formatStringDate } from '@/utils';
+import { statusChoices, formatStringDate } from '@/utils';
 
 export default {
 
@@ -196,6 +196,16 @@ export default {
       }
     },
 
+    statusLabel() {
+      if (this.currentFeature.properties.status.label) {
+        return this.currentFeature.properties.status.label;
+      }
+      const status = statusChoices.find(
+        (el) => el.value === this.currentFeature.properties.status
+      );
+      return status ? status.name : '';
+    },
+
     featureData() {
       if (this.currentFeature.properties && this.featureType) {
         return this.featureType.customfield_set.map((xtraForm) => {