From f2bbf868469d5eb263b7fb208155883d42b60299 Mon Sep 17 00:00:00 2001
From: Kailash Nadh <kailash@nadh.in>
Date: Tue, 18 Dec 2018 16:24:50 +0530
Subject: [PATCH] Display subscription status in the subscribers table

---
 frontend/my/src/Subscribers.js | 3 ++-
 frontend/my/src/index.css      | 6 +++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/my/src/Subscribers.js b/frontend/my/src/Subscribers.js
index d071de0..587b268 100644
--- a/frontend/my/src/Subscribers.js
+++ b/frontend/my/src/Subscribers.js
@@ -157,7 +157,7 @@ class CreateFormDef extends React.PureComponent {
                                         <Select.Option value={ v.id } key={ v.id } disabled={ subStatuses[v.id] === cs.SubscriptionStatusUnsubscribed }>
                                             <span>{ v.name }
                                                 { subStatuses[v.id] &&
-                                                    <sup className={ "status " + subStatuses[v.id] }> { subStatuses[v.id] }</sup>
+                                                    <sup className={ "subscription-status " + subStatuses[v.id] }> { subStatuses[v.id] }</sup>
                                                 }
                                             </span>
                                         </Select.Option>
@@ -335,6 +335,7 @@ class Subscribers extends React.PureComponent {
                     for (let i = 0; i < record.lists.length; i++) {
                         out.push(<Tag className="list" key={`sub-${ record.id }-list-${ record.lists[i].id }`}>
                             <Link to={ `/subscribers/lists/${ record.lists[i].id }` }>{ record.lists[i].name }</Link>
+                            <sup className={ "subscription-status " + record.lists[i].subscription_status }> { record.lists[i].subscription_status }</sup>
                         </Tag>)
                     }
                 }
diff --git a/frontend/my/src/index.css b/frontend/my/src/index.css
index 51be6f6..b6f7533 100644
--- a/frontend/my/src/index.css
+++ b/frontend/my/src/index.css
@@ -151,13 +151,13 @@ td .ant-tag {
     margin-top: 15px;
   }
 
-.subscriber-modal #lists .status {
+.subscription-status {
   color: #999;
 }
-  .subscriber-modal #lists .status.confirmed {
+  .subscription-status.confirmed {
     color: #52c41a;
   }
-  .subscriber-modal #lists .status.unsubscribed {
+  .subscription-status.unsubscribed {
     color: #ff7875;
   }