Hide confirmed/unconfirmed from single opt-in lists on the UI. Ref #741

knadh · Mar 19, 2022 · bfce146 · bfce146
1 parent a7ac8ce
commit bfce146
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/frontend/src/views/Lists.vue b/frontend/src/views/Lists.vue
@@ -97,7 +97,7 @@
       <b-table-column v-slot="props" field="subscriber_counts"
         header-class="cy-subscribers" width="10%">
         <div class="fields stats">
-          <p v-for="(count, status) in props.row.subscriberStatuses" :key="status">
+          <p v-for="(count, status) in filterStatuses(props.row)" :key="status">
             <label>{{ $tc(`subscribers.status.${status}`, count) }}</label>
             <span :class="status">{{ $utils.formatNumber(count) }}</span>
           </p>
@@ -219,6 +219,15 @@ export default Vue.extend({
       }
     },
 
+    filterStatuses(list) {
+      const out = { ...list.subscriberStatuses };
+      if (list.optin === 'single') {
+        delete out.unconfirmed;
+        delete out.confirmed;
+      }
+      return out;
+    },
+
     getLists() {
       this.$api.getLists({
         page: this.queryParams.page,