From bfce1468950b2a9f7c1f0b4ed6fe046c42c2f350 Mon Sep 17 00:00:00 2001
From: Kailash Nadh <kailash@nadh.in>
Date: Sat, 19 Mar 2022 11:14:02 +0530
Subject: [PATCH] Hide confirmed/unconfirmed from single opt-in lists on the
 UI. Ref #741

---
 frontend/src/views/Lists.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/Lists.vue b/frontend/src/views/Lists.vue
index 71c2ab4f..d2cedede 100644
--- 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,