From 9cd6ed06a76d9c82fb05a2fe9e7fc6b5b40f07f6 Mon Sep 17 00:00:00 2001
From: Fabien 'egg' O'Carroll <fabien@allou.is>
Date: Tue, 24 Nov 2020 10:20:21 +0000
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Added=20cancellation=20reason=20to?=
 =?UTF-8?q?=20Members=20UI=20(#1782)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

refs https://github.com/TryGhost/Ghost/issues/12403

This is only displayed when it is present, so as not to clutter the UI
unless it's required.
---
 ghost/admin/app/components/gh-member-settings-form.hbs | 8 ++++++++
 ghost/admin/app/components/gh-member-settings-form.js  | 1 +
 2 files changed, 9 insertions(+)

diff --git a/ghost/admin/app/components/gh-member-settings-form.hbs b/ghost/admin/app/components/gh-member-settings-form.hbs
index 2018c29a6b..9afae454dc 100644
--- a/ghost/admin/app/components/gh-member-settings-form.hbs
+++ b/ghost/admin/app/components/gh-member-settings-form.hbs
@@ -172,6 +172,14 @@
                                         {{/if}}
                                     </td>
                                 </tr>
+                                {{#if subscription.cancellationReason}}
+                                    <tr>
+                                        <td class="gh-member-stripe-label">Cancellation reason</td>
+                                        <td class="gh-member-stripe-data">
+                                            <span class="gh-member-stripe-cancellation-reason">{{subscription.cancellationReason}}</span>
+                                        </td>
+                                    </tr>
+                                {{/if}}
                                 <tr>
                                     <td class="gh-member-stripe-label">Next renewal date</td>
                                     <td class="gh-member-stripe-data">
diff --git a/ghost/admin/app/components/gh-member-settings-form.js b/ghost/admin/app/components/gh-member-settings-form.js
index 99d8e1f28b..75bd24b240 100644
--- a/ghost/admin/app/components/gh-member-settings-form.js
+++ b/ghost/admin/app/components/gh-member-settings-form.js
@@ -45,6 +45,7 @@ export default Component.extend({
                     plan: subscription.plan,
                     amount: parseInt(subscription.plan.amount) ? (subscription.plan.amount / 100) : 0,
                     cancelAtPeriodEnd: subscription.cancel_at_period_end,
+                    cancellationReason: subscription.cancellation_reason,
                     validUntil: subscription.current_period_end ? moment(subscription.current_period_end).format('D MMM YYYY') : '-'
                 };
             }).reverse();