From d8d2accfe40a7862001f186012e6cd814e9f440a Mon Sep 17 00:00:00 2001
From: Peter Zimon <zimo@ghost.org>
Date: Wed, 28 Apr 2021 12:54:11 +0200
Subject: [PATCH] Refined styles for invite only modal

---
 ghost/portal/src/components/pages/SignupPage.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/ghost/portal/src/components/pages/SignupPage.js b/ghost/portal/src/components/pages/SignupPage.js
index 2fda4c5c43..01c1fac04b 100644
--- a/ghost/portal/src/components/pages/SignupPage.js
+++ b/ghost/portal/src/components/pages/SignupPage.js
@@ -469,18 +469,19 @@ class SignupPage extends React.Component {
     }
 
     render() {
+        const {site} = this.context;
         const plansData = this.getPlans();
         const fields = this.getInputFields({state: this.state});
         let sectionClass = '';
         let footerClass = '';
 
-        if (plansData.length <= 1) {
-            if ((plansData.length === 1 && plansData[0].type === 'free') || plansData.length === 0) {
+        if (plansData.length <= 1 || isInviteOnlySite({site})) {
+            if ((plansData.length === 1 && plansData[0].type === 'free') || plansData.length === 0 || isInviteOnlySite({site})) {
                 sectionClass = 'noplan';
                 if (fields.length === 1) {
                     sectionClass = 'single-field';
                 }
-                if (plansData.length === 0) {
+                if (plansData.length === 0 || isInviteOnlySite({site})) {
                     footerClass = 'invite-only';
                     sectionClass = 'invite-only';
                 }