TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-24 14:43:08 +03:00
Code Issues Projects Releases Wiki Activity

Added account page in Portal preview in adminX (#17236)

Browse Source 
refs https://github.com/TryGhost/Product/issues/3545

- adds switch to showing account page in portal preview
This commit is contained in:
Rishabh Garg 2023-07-07 14:47:17 +05:30 committed by GitHub
parent 2808df7f87
commit 31ff544e7a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
apps/admin-x-settings/src/components/settings/membership/portal/PortalFrame.tsx
View File

@ -6,12 +6,14 @@ import {getSettingValue} from '../../../../utils/helpers';
type PortalFrameProps = {
settings: Setting[];
tiers: Tier[];
selectedTab: string;
}
function getPortalPreviewUrl({settings, tiers, siteData}: {
function getPortalPreviewUrl({settings, tiers, siteData, selectedTab}: {
settings: Setting[],
tiers: Tier[],
siteData: SiteData
siteData: SiteData,
selectedTab: string
}) {
let portalTiers = tiers.filter((t) => {
return t.visibility === 'public' && t.type === 'paid';
@ -35,13 +37,17 @@ function getPortalPreviewUrl({settings, tiers, siteData}: {
const portalButtonStyle = getSettingValue(settings, 'portal_button_style') as string;
const signupCheckboxRequired = getSettingValue(settings, 'portal_signup_checkbox_required') as boolean;
const portalSignupTermsHtml = getSettingValue(settings, 'portal_signup_terms_html') as string || '';
let page = 'signup';
if (selectedTab === 'account') {
page = 'accountHome';
}
settingsParam.append('button', `${portalButton}`);
settingsParam.append('name', `${portalName}`);
settingsParam.append('isFree', `${isFreeChecked}`);
settingsParam.append('isMonthly', `${isMonthlyChecked}`);
settingsParam.append('isYearly', `${isYearlyChecked}`);
settingsParam.append('page', 'signup');
settingsParam.append('page', page);
settingsParam.append('buttonIcon', encodeURIComponent(buttonIcon));
settingsParam.append('signupButtonText', encodeURIComponent(signupButtonText));
settingsParam.append('membersSignupAccess', 'true');
@ -60,12 +66,12 @@ function getPortalPreviewUrl({settings, tiers, siteData}: {
settingsParam.append('buttonStyle', encodeURIComponent(portalButtonStyle));
}
settingsParam.append('disableBackground', 'true');
settingsParam.append('disableBackground', 'false');
return `${baseUrl}${portalBase}?${settingsParam.toString()}`;
}
const PortalFrame: React.FC<PortalFrameProps> = ({settings, tiers}) => {
const PortalFrame: React.FC<PortalFrameProps> = ({settings, tiers, selectedTab}) => {
const {
siteData
} = useSettingGroup();
@ -77,7 +83,8 @@ const PortalFrame: React.FC<PortalFrameProps> = ({settings, tiers}) => {
let href = getPortalPreviewUrl({
settings,
tiers,
siteData
siteData,
selectedTab
});
return (

8
apps/admin-x-settings/src/components/settings/membership/portal/PortalPreview.tsx
View File

@ -17,7 +17,11 @@ const PortalPreview: React.FC<PortalPreviewProps> = ({
switch (selectedTab) {
case 'account':
tabContents = <>Account preview</>;
tabContents = (
<>
<PortalFrame selectedTab={selectedTab} settings={localSettings} tiers={localTiers} />
</>
);
break;
case 'links':
tabContents = <>Links</>;
@ -25,7 +29,7 @@ const PortalPreview: React.FC<PortalPreviewProps> = ({
default:
tabContents = (
<>
<PortalFrame settings={localSettings} tiers={localTiers} />
<PortalFrame selectedTab={selectedTab} settings={localSettings} tiers={localTiers} />
</>
);
break;