From 0d5df582f876af00205e1ecc0f7bdef2f8d37579 Mon Sep 17 00:00:00 2001
From: Rishabh <zrishabhgarg@gmail.com>
Date: Tue, 12 Apr 2022 21:24:53 +0530
Subject: [PATCH] Fixed missing signup button for free portal link

closes https://github.com/TryGhost/Team/issues/1511
---
 ghost/portal/src/components/pages/SignupPage.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/ghost/portal/src/components/pages/SignupPage.js b/ghost/portal/src/components/pages/SignupPage.js
index 16205e87d4..70bf90937a 100644
--- a/ghost/portal/src/components/pages/SignupPage.js
+++ b/ghost/portal/src/components/pages/SignupPage.js
@@ -5,7 +5,7 @@ import SiteTitleBackButton from '../common/SiteTitleBackButton';
 import ProductsSection from '../common/ProductsSection';
 import InputForm from '../common/InputForm';
 import {ValidateInputForm} from '../../utils/form';
-import {getSiteProducts, getSitePrices, hasOnlyFreePlan, isInviteOnlySite, freeHasBenefitsOrDescription, hasOnlyFreeProduct, getFreeProductBenefits, getFreeTierDescription} from '../../utils/helpers';
+import {getSiteProducts, getSitePrices, hasOnlyFreePlan, isInviteOnlySite, freeHasBenefitsOrDescription, hasOnlyFreeProduct, getFreeProductBenefits, getFreeTierDescription, hasFreeProductPrice} from '../../utils/helpers';
 import {ReactComponent as InvitationIcon} from '../../images/icons/invitation.svg';
 
 const React = require('react');
@@ -386,7 +386,9 @@ class SignupPage extends React.Component {
         }
 
         let label = 'Continue';
-        if (hasOnlyFreePlan({site})) {
+        const showOnlyFree = pageQuery === 'free' && hasFreeProductPrice({site});
+
+        if (hasOnlyFreePlan({site}) || showOnlyFree) {
             label = 'Sign up';
         } else {
             return null;
@@ -465,8 +467,9 @@ class SignupPage extends React.Component {
 
         const freeBenefits = getFreeProductBenefits({site});
         const freeDescription = getFreeTierDescription({site});
-        const hasOnlyFree = hasOnlyFreeProduct({site});
-        const sticky = freeBenefits.length || freeDescription;
+        const showOnlyFree = pageQuery === 'free' && hasFreeProductPrice({site});
+        const hasOnlyFree = hasOnlyFreeProduct({site}) || showOnlyFree;
+        const sticky = !showOnlyFree && (freeBenefits.length || freeDescription);
 
         return (
             <section>