diff --git a/ghost/admin/app/components/gh-member-settings-form-cp.hbs b/ghost/admin/app/components/gh-member-settings-form-cp.hbs index b80c332a99..592371a9cc 100644 --- a/ghost/admin/app/components/gh-member-settings-form-cp.hbs +++ b/ghost/admin/app/components/gh-member-settings-form-cp.hbs @@ -158,6 +158,9 @@ Active {{/if}} + {{#if sub.cancellationReason}} +
Cancellation reason: {{sub.cancellationReason}}
+ {{/if}}
Created on {{sub.startDate}}
diff --git a/ghost/admin/app/components/gh-member-settings-form-cp.js b/ghost/admin/app/components/gh-member-settings-form-cp.js index f0100cb4bb..95e9eade46 100644 --- a/ghost/admin/app/components/gh-member-settings-form-cp.js +++ b/ghost/admin/app/components/gh-member-settings-form-cp.js @@ -52,6 +52,7 @@ export default class extends Component { ...sub, startDate: sub.start_date ? moment(sub.start_date).format('D MMM YYYY') : '-', validUntil: sub.current_period_end ? moment(sub.current_period_end).format('D MMM YYYY') : '-', + cancellationReason: sub.cancellation_reason, price: { ...sub.price, currencySymbol: getSymbol(sub.price.currency), diff --git a/ghost/admin/app/styles/layouts/members.css b/ghost/admin/app/styles/layouts/members.css index 35dc2b1351..85fde32b65 100644 --- a/ghost/admin/app/styles/layouts/members.css +++ b/ghost/admin/app/styles/layouts/members.css @@ -1674,6 +1674,7 @@ p.gh-members-import-errordetail:first-of-type { .gh-memberproduct-created { margin-top: 1px; + color: var(--midgrey); } .gh-memberproduct-archived .gh-memberproduct-name { @@ -1697,6 +1698,12 @@ p.gh-members-import-errordetail:first-of-type { padding-top: 12px; } +.gh-memberproduct-cancelreason { + line-height: 1.45em; + margin: 3px 0 5px; + max-width: 700px; +} + .gh-btn-addproduct svg path { fill: var(--green); stroke: none !important;