Display subscription status in the subscribers table

This commit is contained in:
Kailash Nadh 2018-12-18 16:24:50 +05:30
parent 11f8e62cf1
commit f2bbf86846
2 changed files with 5 additions and 4 deletions

View file

@ -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>)
}
}

View file

@ -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;
}