From 7cc028ba0d4a03231c4544da4432e6b495acfd54 Mon Sep 17 00:00:00 2001
From: Rish <zrishabhgarg@gmail.com>
Date: Fri, 22 May 2020 15:41:58 +0530
Subject: [PATCH] Added default plan for paid member

no issue

- Selects member's current plan by default on plan selection page
---
 .../src/components/pages/AccountPlanPage.js   | 26 ++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/ghost/portal/src/components/pages/AccountPlanPage.js b/ghost/portal/src/components/pages/AccountPlanPage.js
index faf52d9299..7edf7e9369 100644
--- a/ghost/portal/src/components/pages/AccountPlanPage.js
+++ b/ghost/portal/src/components/pages/AccountPlanPage.js
@@ -9,8 +9,10 @@ export default class AccountPlanPage extends React.Component {
 
     constructor(props, context) {
         super(props, context);
+        const {member} = this.context;
+        const activePlan = this.getActivePlanName({member});
         this.state = {
-            plan: 'Monthly'
+            plan: activePlan
         };
     }
 
@@ -55,11 +57,29 @@ export default class AccountPlanPage extends React.Component {
         }, 5);
     }
 
+    getActivePlanName({member}) {
+        if (member && member.paid && member.subscriptions[0]) {
+            const {plan} = member.subscriptions[0];
+            return plan.nickname;
+        }
+        return null;
+    }
+
     renderPlanChooser() {
         const {plans} = this.context.site;
         const plansData = [
-            {type: 'month', price: plans.monthly, currency: plans.currency_symbol, name: 'Monthly'},
-            {type: 'year', price: plans.yearly, currency: plans.currency_symbol, name: 'Yearly'}
+            {
+                type: 'month',
+                price: plans.monthly,
+                currency: plans.currency_symbol,
+                name: 'Monthly'
+            },
+            {
+                type: 'year',
+                price: plans.yearly,
+                currency: plans.currency_symbol,
+                name: 'Yearly'
+            }
         ];
         return (
             <div style={{padding: '0 24px', marginTop: '12px'}}>